Sha256: a5326b46938d228c729bf5789b88a3408b67c7be66509713e939c509a29e6ca5
Contents?: true
Size: 1.15 KB
Versions: 9
Compression:
Stored size: 1.15 KB
Contents
/// Grid system
//
// Generate semantic grid columns with these mixins.
=make-container($gutter: $grid-gutter-width)
+margin(horizontal, auto)
+padding(horizontal, $gutter / 2)
+clearfix
=make-row($gutter: $grid-gutter-width)
display: flex
flex-wrap: wrap
+margin(horizontal, $gutter / -2)
=make-col($gutter: $grid-gutter-width)
position: relative
min-height: 1px
+padding(horizontal, $gutter / 2)
=make-col-span($size, $columns: $grid-columns)
flex: 0 0 percentage($size / $columns)
width: percentage($size / $columns)
=make-col-offset($size, $columns: $grid-columns)
margin-left: percentage($size / $columns)
=make-col-push($size, $columns: $grid-columns)
left: if($size > 0, percentage($size / $columns), auto)
=make-col-pull($size, $columns: $grid-columns)
right: if($size > 0, percentage($size / $columns), auto)
=make-col-modifier($type, $size, $columns)
// Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)
@if $type == push
+make-col-push($size, $columns)
@else if $type == pull
+make-col-pull($size, $columns)
@else if $type == offset
+make-col-offset($size, $columns)
Version data entries
9 entries across 9 versions & 1 rubygems