Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
“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.
*/
.base {
color: #000;
}
@import "subs/base.less";
@import "subs/320up.less";
.320up();
@import "subs/base.less";
@import "subs/320up.less";
@media (min-width:320px) {
.320up();
}

this is great. nicely done.

akikoo commented May 10, 2012

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'.)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment