compass - Different gutters with susy sass -
i have susy settings:
$susy: ( columns: 8, gutters: 1/4, global-box-sizing: border-box, );
sometimes need different gutters instead 1/4.
see image example:
and code:
.wrap { @include clearfix; @include container (500px); .box-1 { @include span(4 of 8); } .box-2 { @include span(4 of 8 last); } .box-3 { @include span(4 of 8 wide no-gutter); } .box-4 { @include span(4 of 8 last); } .box-5 { @include span(3.95 of 8 wide no-gutter); } .box-6 { @include span(4 of 8 last); } }
i tried without success:
@include span(4 of 8 wide (gutter-override: 2px));
i found way fix not if correct
@include span(3.95 of 8 wide no-gutter);
thanks
you can change layout this
@include with-layout(12 1/8 fluid float after) { .box-5 { @include span(2 of 12); } .box-6 { @include span(10 of 12 last); } }
where 1/8 gutter width.
Comments
Post a Comment