sass - Shorthand syntax gutters being ignored for span mixin -
i've set global settings susy:
$susy: ( columns: 8, gutters: 1/4, );
i want override gutters couple of span
.tile-left { @include span(1 of 2 1px); } .tile-right { @include span(1 @ 2 of 2 1px); }
generated css
.tile-left { width: 44.44444%; float: left; margin-right: 11.11111%; } .tile-right { width: 44.44444%; float: right; margin-right: 0; }
i've tried these , these don't seem working either
@include span(1 of 2 no-gutters);
&
@include span(1 of 2 (gutter-override: 1px));
looks "1px" argument didnt work because gutters can defined ratio value; documentation
furthermore, i've solved issue of wanting fluid elements , static gutter doing this:
.tile-left { @include span(1 of 2 (gutter-override: no-gutters, gutter-position: inside-static)); border-right: 1px solid #e5e5e5; } .tile-right { @include span(1 of 2 (gutter-override: no-gutters, gutter-position: inside-static)); }
it looks when remove gutters passing "gutter-override: no-gutters" calculates width gutters, removes margins; putting gutters/margin inside passing "gutter-position: inside-static" calculated span 100% without gutters.
Comments
Post a Comment