** Notes:**
[May-2021] Update of this project: Nowadays, many Tailwind/React or UI framework dominated the market and this SCSS library became less important/useful then before. In React/VueJS/Angular, styles belongs to individual components instead of grouping multiple style into signal file per webpage. However, I will leave this repo open because functions/mixins...etc is still useful and able to use in the above frameworks.
This project is basically a re-group of common SCSS materials and following 7-1 component structure pattern.
However, in order to avoid duplication SCSS import without using third-party library, changes below maybe violated 7-1 pattern:
- _main.scss (renamed from main.scss) at root folder is arm to include the most (must have) basic styles, classes, variable, import of mixins, functions, placeholders...etc which is the minium set of styles and needs for all pages. Moreover, order of import has been adjusted (components before layout)
- Folder 'Pages' is arm to store files for individual webpage and/or import _main.scss
- mixins & functions has been breakdown into individual files for easiler to maintain
- _shame.scss is arm for quick fixes, hacks and questionable techniques. Ref: shame.css