sass/ | |
| | |
|– base/ | |
| |– _reset.scss # Reset/normalize | |
| |– _typography.scss # Typography rules | |
| ... # Etc… | |
| | |
|– components/ | |
| |– _buttons.scss # Buttons | |
| |– _carousel.scss # Carousel | |
| |– _cover.scss # Cover | |
| |– _dropdown.scss # Dropdown | |
| ... # Etc… | |
| | |
|– layout/ | |
| |– _navigation.scss # Navigation | |
| |– _grid.scss # Grid system | |
| |– _header.scss # Header | |
| |– _footer.scss # Footer | |
| |– _sidebar.scss # Sidebar | |
| |– _forms.scss # Forms | |
| ... # Etc… | |
| | |
|– pages/ | |
| |– _home.scss # Home specific styles | |
| |– _contact.scss # Contact specific styles | |
| ... # Etc… | |
| | |
|– themes/ | |
| |– _theme.scss # Default theme | |
| |– _admin.scss # Admin theme | |
| ... # Etc… | |
| | |
|– utils/ | |
| |– _variables.scss # Sass Variables | |
| |– _functions.scss # Sass Functions | |
| |– _mixins.scss # Sass Mixins | |
| |– _helpers.scss # Class & placeholders helpers | |
| | |
|– vendors/ | |
| |– _bootstrap.scss # Bootstrap | |
| |– _jquery-ui.scss # jQuery UI | |
| ... # Etc… | |
| | |
| | |
`– main.scss # Main Sass file |
This comment has been minimized.
This comment has been minimized.
Thanks to Almighty God! |
This comment has been minimized.
This comment has been minimized.
+1 @devabdulbarik ;-) |
This comment has been minimized.
This comment has been minimized.
@devabdulbarik |
This comment has been minimized.
This comment has been minimized.
I'm having a hard time understanding "themes". Does anybody have further reading? |
This comment has been minimized.
This comment has been minimized.
@grepsedawk |
This comment has been minimized.
This comment has been minimized.
How would you swap between 2 themes @DenisBun? |
This comment has been minimized.
This comment has been minimized.
@grepsedawk |
This comment has been minimized.
This comment has been minimized.
Thanks for the insight @chlorophyllkid. I was thinking something similar, I just didn't know if there was a "magic" way to swap. |
This comment has been minimized.
This comment has been minimized.
Thanks you my friend. |
This comment has been minimized.
This comment has been minimized.
Create a file called script.sh in your ./sass folder and paste this code.
Navigate to ./sass folder and double click on this file (script.sh) |
This comment has been minimized.
This comment has been minimized.
What is the difference between Is there any distinction? |
This comment has been minimized.
This comment has been minimized.
A component would be something like a "button" where layout would be like "the CSS grid that lives inside " |
This comment has been minimized.
This comment has been minimized.
great :) |
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
This comment has been minimized.
I like the idea of this but the Sass docs suggest moving away from |
This comment has been minimized.
This comment has been minimized.
fyi: nonetheless is one word |
This comment has been minimized.
This comment has been minimized.
I think that utils is the equivalent abstract |
This comment has been minimized.
This comment has been minimized.
thank you, this is great i will use |
This comment has been minimized.
This comment has been minimized.
Thanks, that's perfect! |
This comment has been minimized.
Source: http://sass-guidelin.es/#the-7-1-pattern