123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- @import "var";
- @import "reset";
- // float elements
- .left {
- float: left;
- }
- .right {
- float: right;
- }
- .clear::after {
- clear: both;
- content: " ";
- width: 0;
- height: 0;
- display: block;
- }
- .hide {
- display: none;
- }
- // 12 based grids
- .grid-1-12 {
- width: 8.33%;
- }
- .grid-2-12,
- .grid-1-6 {
- width: 16.67%;
- }
- .grid-3-12,
- .grid-1-4 {
- width: 25%;
- }
- .grid-4-12,
- .grid-1-3 {
- width: 33%;
- }
- .grid-5-12 {
- width: 41.67%;
- }
- .grid-6-12,
- .grid-1-2 {
- width: 50%;
- }
- .grid-7-12 {
- width: 58.33%;
- }
- .grid-8-12,
- .grid-2-3 {
- width: 66.67%;
- }
- .grid-9-12,
- .grid-3-4 {
- width: 75%;
- }
- .grid-10-12,
- .grid-5-6 {
- width: 83.33%;
- }
- .grid-11-12 {
- width: 91.67%;
- }
- *[class*="grid-"] {
- box-sizing: content-box;
- }
- // 5 based
- .grid-1-5 {
- width: 20%;
- }
- .grid-2-5 {
- width: 40%;
- }
- .grid-3-5 {
- width: 60%;
- }
- .grid-4-5 {
- width: 80%;
- }
|