Generics styles library for applications built on the Victoria Framework
This repo is included as a git submodule in the Victoria Framework.
Check your projects build/config/build.js file, you can choose to use a differnt branch and or release of this repo within your Framework.
This is built with Bourbon and Neat mixins
To override any styles in this repo you must create an equivalent .scss file in the client/assets/sass/project-sass folder with the same folder structure as this repo.
This SASS library uses the ITCSS methodology for managing the SASS architecture.
Please take the time to familirse yourself with this methodology.
The order is important in ITCSS
- SETTINGS -----------
- TOOLS --------------
- GENERIC ------------
- BASE ---------------
- OBJECTS ------------
- COMPONENTS ---------
- TRUMPS -------------
More detail below
If you have created a project only style or override you can put them in the client/assets/sass/project-sass folder and they wil be automatically included.
If you think you new style should be included in this repo feel free to creat a branch and pull request.
ITCSS a collection of principles and metrics by which developers should group and order their CSS in order to keep it scalable, terse, logical, and manageable.
-
SETTINGS ----------- Configs; Brand colors, spacing units, variables ect
-
TOOLS -------------- Global Mixins & Helper functions - including third party mixins - Bourbon & Neat
-
GENERIC ------------ Low specificity ie. *. Resets, Normalise.css
-
BASE --------------- Unclassed elements; Type slectors - h1-h6, links, lists ect
-
OBJECTS ------------ Design patterns; No cosmetics
-
COMPONENTS --------- Designed peices of UI, only classes.
-
TRUMPS ------------- Overrides; Helper classes, only effect one part of DOM