scss file architecture
scss/ # Import all ‘-dir.scss’ files
|
|- abstracts/
| |- __abstracts-dir.scss # Import all abstracts .scss files
| |- _fonts.scss # Font Import
| |- _mixins.scss # Scss Mixins
| |- _variables.scss # Scss Variables
|
|- base/
| |- __base-dir.scss # Import all base .scss files
| |- _reset.scss # Custom Reset/Normalize
| |- _typography.scss # Typography Rules
| … # Etc.
|
|- components/
| |- __components-dir.scss # Import all components .scss files
| |- _button.scss # Button Styles
| |- _input.scss # Input Styles
| |- _modal.scss # Modal Styles
| … # Etc.
|
|- layouts/
| |- __layouts-dir.scss # Import all layouts .scss files
| |- _footer.scss # Footer Styles
| |- _main-navigation.scss # Main Navigation Styles
| … # Etc.
|
|- vendor/
| |- __vendor-dir.scss # Import vendor folders
| |- bourbon/ # Bourbon
| |- fontawesome/ # Font Awesome
| |- neat/ # Bourbon Neat
| |- normalize/ # Normalize
| … # Etc.
|
`styles.scss # Main Scss File
Also in CSS:
- wrapper html
- css font family
- using divs instead of table
- css disable button
- css blink
- history of css
- change css jquery
- css overflow hide scrollbar when not needed
- css color picker
- stop text from wrapping
- How to prevent anchor links from scrolling behind a sticky header with one line of CSS
- hegith specific css in media query
- css change font awesome icon color
- css to scss
- press on button outline shoul not appear csss
- how to wrap text in div css
- ios sms css
- line height negative css
- text align justify
- css multiple classes
- css color gradient background full height
- how to center text in css
- css image radius
- css position div