44 lines
513 B
Sass
44 lines
513 B
Sass
*
|
|
+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%
|
|
|
|
.col-1-3
|
|
width: 33%
|
|
|
|
.col-1-2
|
|
width: 49%
|
|
|
|
.col-1-4
|
|
width: 24%
|
|
|
|
.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
|