Making writing responsive sass easy.
Install the module
npm install resp-sass
Import _resp-mixin.scss
@import "node_modules/resp-sass/src/resp-mixin";
Use the set-resp-value mixin in your sass
.cat-img {
@include set-resp-value((height,width),140px,180px,240px);
}
Modify the breakpoints in _resp-config.scss to your own liking
Default values are mobile-centric
- clone repo
- npm run init
- open examples/index.html
- sad...responsive cat
- take a look at examples/app.scss & examples/_features.scss to figure out how it all works...