Sha256: 40f39c4a9f7b0675af6d7d41362fedb659646a40a8ee9ef237e26da2d3657674
Contents?: true
Size: 1.14 KB
Versions: 4
Compression:
Stored size: 1.14 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-direction: row
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)
=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
4 entries across 4 versions & 1 rubygems