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
      }
    }

Source | Google | Stack overflow

Edit

git clone [email protected]:chriseppstein/compass.git

cd compass

open core/lib/compass/core/sass_extensions/functions/selectors.rb

Contribute

# Make a new branch

git checkout -b -your-name--update-docs-Compass--Core--SassExtensions--Functions--Selectors-nest-for-pr


# Commit to git

git add core/lib/compass/core/sass_extensions/functions/selectors.rbgit commit -m "better docs for Compass::Core::SassExtensions::Functions::Selectors#nest"


# Open pull request

gem 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!