Skip to content

Latest commit

 

History

History
37 lines (34 loc) · 867 Bytes

styles-directory.md

File metadata and controls

37 lines (34 loc) · 867 Bytes

styles-directory

Styles Directory

The Styles directory contains all of Angular's global stylesheet files. It is recommended to implement a structure that fits the project's needs, keeping the styles as global as possible to avoid boilerplate (e.g., the SCSS 7-1 pattern).

.
┣ base
|  ┣ _global.scss   
|  ┗  _index.scss  
...
┣ components
|  ┣ _buttons.scss  
|  ┣ _carousel.scss  
|  ┣ _slider.scss  
|
┣ themes
|  ┣ _palettes.scss     
|  ┣ _themes.scss   
|  ┗ _index.scss  
|
┣ utilities
|  ┣ _variables.scss  
|  ┣ _functions.scss  
|  ┣ _mixins.scss
|  ┗ _index.scss # Forwards all utility modules
|
┣ vendors
|  ┣ _bootstrap-grid.scss
|  ┗ _index.scss 
|
┗ styles.scss # Uses all modules