css - Susy Compass omega is adding #margin-left: -1em; -


i using susy framework create grid website , liking it. can't figure out why #margin-left: -1em being added when use omega in span columns. cannot seem find information , throws error when validate css: .second parse error #margin-left: -1em;

my code looks below

//this default number of columns $total-columns: 12;  //width of each column $column-width   : 4em;  //space between columns $gutter-width   : 1em;  //space on right , left of grid $grid-padding   : $gutter-width;  .first{     @include span-columns(6,12); } .second{     @include span-columns(6 omega,12); } 

and generates this

.first {    width: 49.15254%;    float: left;    margin-right: 1.69492%;    display: inline; }  .second {    width: 49.15254%;    float: right;    margin-right: 0;    #margin-left: -1em;    display: inline;  } 

your code compiles fine me compass. line in question has asterisk, not hashmark:

*margin-left: -1em; 

a line of css starts asterisk hack works ie <= 7.

to disable ie 6-7 support, set $legacy-support-for-ie false prior importing susy:

$legacy-support-for-ie: false; @import "susy"; 

Comments

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -