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

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -