A Smart scss is the best time-saver tool and code written by sass. It's helpful to build quickly - like typography, grid system, colors, etc. It's got unique mixins and functions too. Once you are adapt to smart scss, you will see a good improvement in your web design.
If you try to set typography for desktop and mobile, you need to search in a particular site for getting type scale values. It makes your mind very frustrated to identify suitable fonts for particular layouts and look like a back and forth process you feel.
p {
@include typescale-rem(paragraph,16,5,4);
}
p {
font-size: 16px;
}
- paste and copy this link inside the head tag
<link rel="stylesheet" type="text/css" href="smart.scss">
- clone the repository
git clone https://github.com/psuresh21/smartscss.git
- install using npm
install smartscss --save-dev
- Sass
Find all documentation's in the docs folder and already placed in the master branch.
- Above sass 3.0
© 2021 Suresh Pandiyan
Code released under MIT License