enhance-styles
Functional utility classes
Install
git clone https://github.com/enhance-dev/enhance-styles.git
cd enhance-styles
Usage
npm run build
Outputs default stylesheet in enhance.css
npm run prod
Outputs a minified version as well enhance.min.css
Customize
Open config.json
, make your updates then rerun the build
enhance style scales use a base font relative naming convention that uses positive numbers when increasing the scale increment and negative numbers when decreasing the scale increment.
.text5{font-size:4.209rem;}
.text4{font-size:3.157rem;}
.text3{font-size:2.369rem;}
.text2{font-size:1.777rem;}
.text1{font-size:1.333rem;}
.text0{font-size:1rem;}
.text-1{font-size:0.75rem;}
.text-2{font-size:0.563rem;}
.text-3{font-size:0.422rem;}
.text-4{font-size:0.317rem;}
.text-5{font-size:0.238rem;}