Skip to content

Instantly share code, notes, and snippets.

@matt-bailey
Created October 18, 2012 13:05
Show Gist options
  • Save matt-bailey/3911666 to your computer and use it in GitHub Desktop.
Save matt-bailey/3911666 to your computer and use it in GitHub Desktop.
Sass vs Less - Placeholders
// Source: http://ianstormtaylor.com/oocss-plus-sass-is-the-best-way-to-css/
// Sass
%separator
border-top: 1px solid black
hr
@extend %separator
.separator
@extend %separator
// Compiled Sass to CSS
hr,
.separator {
border-top: 1px solid black
}
// Less equivalent
.sep {
border-top: 1px solid black;
}
hr,
.separator {
.sep;
}
// Compiled Less to CSS
.sep {
border-top: 1px solid black;
}
hr,
.separator {
border-top: 1px solid black;
}
@jmcbee
Copy link

jmcbee commented Oct 27, 2014

Still ugly on LESS.

@miphe
Copy link

miphe commented Jan 30, 2015

Agreed, placeholders in Sass are super powerful and really lets you separate style definitions from style declarations without mixins.

@stevenvachon
Copy link

@rkb81 your code does not work. less/less.js#1177

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