CSS Common - Framework CSS
Demo utilisant le Responsive layout de CSSCommon, activé avec la classe .cssc-is-responsive
sur html ou body.
Work in progress. Retour au framework.
cssc-layouts.css
Layouts
A lot of people in our industry haven't had very diverse experiences. So they don't have enough dots to connect, and they end up with very linear solutions without a broad perspective on the problem. The broader one's understanding of the human experience, the better design we will have.
Une image trop grande (900px)
A lot of people in our industry haven't had very diverse experiences. So they don't have enough dots to connect, and they end up with very linear solutions without a broad perspective on the problem. The broader one's understanding of the human experience, the better design we will have.
Une image trop grande, et qui ignore les marges (900px)
A lot of people in our industry haven't had very diverse experiences. So they don't have enough dots to connect, and they end up with very linear solutions without a broad perspective on the problem. The broader one's understanding of the human experience, the better design we will have.
cssc-grid.css
Grilles responsives
<div class="cssc-grid fluid-grid"> <div class="col-50p">50%</div> <div class="col-50p">50%</div> </div>
<div class="cssc-grid fluid-grid"> <div class="col-25p">25%</div> <div class="col-25p">25%</div> <div class="col-25p">25%</div> <div class="col-25p">25%</div> </div>
cssc-layouts.css
Classes de visibilité
.visible-only-phone {}
.visible-only-tablet {}
.visible-only-full {}
.hidden-on-phone {}
.hidden-on-tablet {}
.hidden-on-full {}
cssc-common.css