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:

enter image description here

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

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -