Frappe css is a light weight responsive css library, heavily influenced by Basscss. It is intended for rapid prototyping and usage in frappe framework.
The scale sizes or object sizes follow a Fibonacci pattern, for example the sizes will be .5 rem, 1rem, 1.5rem, 2.5rem, 4rem, 6.5rem
The base font size is 16px and all the text sizes are defined by rem.
Frappe css has following type classes
-
Size
- text-title - 2.5rem
- text-copy - 1rem
-
Weight
- text-bold
-
color
- text-muted
yarn add frappe-css