Skip to content

Instantly share code, notes, and snippets.

@peterwilsoncc
Created November 29, 2011 23:53
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
  • Save peterwilsoncc/1407227 to your computer and use it in GitHub Desktop.
Save peterwilsoncc/1407227 to your computer and use it in GitHub Desktop.
“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();
}
@akikoo
Copy link

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