DRY your SASS code.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
lib
test
.editorconfig
.gitattributes
.gitignore
.sass-lint.yml
.sassdocrc
.travis.yml
_dry.scss
bower.json
license
package.json
readme.md
sache.json

readme.md

sass-dry travis

DRY your SASS code.

sass-dry helps you to factorize repetitive portions of your mixins by creating and extending dynamic placeholders under the hood.

Install

npm install --save sass-dry
bower install --save sass-dry

Usage

@include button($color: #bada55) {
  color: $color;

  @include dry(button) {
    margin: 1rem 0;
    padding: .5rem 1rem;
    border-radius: 1rem;
    border: 1px solid;
  }
}

.order-btn {
  @include button();
}

.cancel-btn {
  @include button(red);
}
.order-btn, .cancel-btn {
  margin: 1rem 0;
  padding: .5rem 1rem;
  border-radius: 1rem;
  border: 1px solid;
}

.order-btn {
  color: #bada55;
}

.order-btn {
  color: red;
}

License

MIT © Nicolas Gryman