“Mobile first” CSS and getting LESS to help with legacy IE
.320up(){ | |
.three20 { | |
color: #fff; | |
} | |
} /* end 320up mixin */ | |
/* | |
note: this gist relates to http://nicolasgallagher.com/mobile-first-css-sass-and-ie/ | |
It is a LESS CSS reproduction of Nicolas's Sass method. | |
First created some time ago, it's possible it no longer works or there is a better way. In other words, this may or may not work. | |
*/ |
@import "subs/base.less"; | |
@import "subs/320up.less"; | |
@media (min-width:320px) { | |
.320up(); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This comment has been minimized.
Brilliant, very useful!
(Just a small typo: both in ie.less and style.less the second @imported file should be 'subs/320up.less', not 'subs/320.less'.)