48 lines
654 B
SCSS
48 lines
654 B
SCSS
* {
|
|
@include box-sizing(border-box);
|
|
}
|
|
|
|
$pad: 20px;
|
|
|
|
.grid {
|
|
background: white;
|
|
margin: 0 0 $pad 0;
|
|
|
|
&:after {
|
|
/* Or @extend clearfix */
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
}
|
|
|
|
[class*='col-'] {
|
|
float: left;
|
|
padding-right: $pad;
|
|
.grid &:last-of-type {
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
.col-2-3 {
|
|
width: 66.66%;
|
|
}
|
|
.col-1-3 {
|
|
width: 33.33%;
|
|
}
|
|
.col-1-2 {
|
|
width: 50%;
|
|
}
|
|
.col-1-4 {
|
|
width: 25%;
|
|
}
|
|
.col-1-8 {
|
|
width: 12.5%;
|
|
}
|
|
|
|
/* Opt-in outside padding */
|
|
.grid-pad {
|
|
padding: $pad 0 $pad $pad;
|
|
[class*='col-']:last-of-type {
|
|
padding-right: $pad;
|
|
}
|
|
} |