compass
https://github.com/chriseppstein/compass
CSS
Compass is no longer actively maintained. Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
Compass::Core::SassExtensions::Functions::Selectors#nest
Permute multiple selectors each of which may be comma delimited, the end result is
a new selector that is the equivalent of nesting each under the previous selector.
To illustrate, the following mixins are equivalent:
@include mixin-a($selector1, $selector2, $selector3) {
#{$selector1} {
#{$selector2} {
#{$selector3} {
width: 2px
}
}
}
}
@include mixin-b($selector1, $selector2, $selector3) {
#{nest($selector, $selector2, $selector3)} {
width: 2px
}
}Edit
git clone [email protected]:chriseppstein/compass.git
cd compass
open core/lib/compass/core/sass_extensions/functions/selectors.rb
Contribute
# Make a new branchgit checkout -b -your-name--update-docs-Compass--Core--SassExtensions--Functions--Selectors-nest-for-pr
# Commit to gitgit add core/lib/compass/core/sass_extensions/functions/selectors.rbgit commit -m "better docs for Compass::Core::SassExtensions::Functions::Selectors#nest"
# Open pull requestgem install hub # on a mac you can `brew install hub`
hub fork
git push <your name> -your-name--update-docs-Compass--Core--SassExtensions--Functions--Selectors-nest-for-pr
hub pull-request
# Celebrate!