KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
So I'm trying to make a LESS mixin which takes a number (degrees to rotate) and output the correct css to rotate the element. The problem is, I can't figure out a way to write both "270deg" and "3" (270/90) for IE. Here are the things i've tried: .rotate(@rotation: 0) { @deg: deg; -webkit-transform: rotate(@rotation deg); // i can see why this doesn't work -moz-transform: rotate((@rotation)deg); // parens -o-transform: rotate(@rotation+deg); // variable-keyword concatenation transform: rotate(@rotation+@deg); // variable-variable concatenation // this is the reason I need @rotation to be just a number: filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation/90); } .someElement { .rotate(270) } For now i've just modified the compiler script so that it doesn't put a space between variable/keyword concatenation. I'd hope theres a better solution.
Tags (comma-separated)
Save Edits
Cancel