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
Post a Comment