https://github.com/ngryman/sass-dry
DRY your SASS code.
https://github.com/ngryman/sass-dry
dry sass
Last synced: about 1 year ago
JSON representation
DRY your SASS code.
- Host: GitHub
- URL: https://github.com/ngryman/sass-dry
- Owner: ngryman
- License: mit
- Created: 2016-02-16T23:29:18.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2017-10-06T20:58:50.000Z (over 8 years ago)
- Last Synced: 2025-04-12T15:12:13.143Z (about 1 year ago)
- Topics: dry, sass
- Language: CSS
- Size: 17.6 KB
- Stars: 6
- Watchers: 2
- Forks: 1
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# sass-dry [![travis][travis-image]][travis-url]
[travis-image]: https://img.shields.io/travis/ngryman/sass-dry.svg?style=flat
[travis-url]: https://travis-ci.org/ngryman/sass-dry
> 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
```sh
npm install --save sass-dry
bower install --save sass-dry
```
## Usage
```scss
@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);
}
```
```css
.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](https://github.com/ngryman)