1 - Create your Atomic Style Guide
2 - Go to public/
folder and view the microscope.css
and microscope.min.css
files
3 - Use the microscope.css
or microscope.min.css
files as you wish
The microscope.css
file contains:
- All atoms styles
- All molecules styles
- All organisms styles
- All templates styles
- All pages styles
Tips:
-
In the /public folder, we use the normalize.css as reset through a CDN. Stay attend to it , so that the components are not different, when you use the
microscope.css
file. -
Use the grunt tasks to improve the quality of your
microscope.css
. See all tasks