Skip to content

Instantly share code, notes, and snippets.

Created November 29, 2011 23:53
  • Star 4 You must be signed in to star a gist
  • Fork 5 You must be signed in to fork a gist
Star You must be signed in to star a gist
What would you like to do?
“Mobile first” CSS and getting LESS to help with legacy IE
.three20 {
color: #fff;
} /* end 320up mixin */
note: this gist relates to
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";
@import "subs/base.less";
@import "subs/320up.less";
@media (min-width:320px) {
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