Open jide opened 14 years ago
I came accross a case where I needed to have a property in 2 different mixins, but wanted them to be combined when applied to a rule. E.g. :
=mixin1 { filter: opacity(alpha=50); } =mixin2 { filter: progid:DXImageTransform.Microsoft.DropShadow(color=#000000, OffX='1', OffY='1'); } .selector { +mixin1; +mixin2; }
Would give :
.selector { filter: opacity(alpha=50) progid:DXImageTransform.Microsoft.DropShadow(color=#000000, OffX='1', OffY='1'); }
This is useful for MSIE filters but also for some CSS3 stuff like multiple backgrounds, transitions etc.
Some ideas for the syntax :
=mixin1 { filter: +opacity(alpha=50); } =mixin1 { filter: add(opacity(alpha=50)); } =mixin1 { +filter: opacity(alpha=50); }
I came accross a case where I needed to have a property in 2 different mixins, but wanted them to be combined when applied to a rule. E.g. :
Would give :
This is useful for MSIE filters but also for some CSS3 stuff like multiple backgrounds, transitions etc.