SASS ARCHITECTURE Steve Vadocz Front End Developer
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
SASS ARCHITECTURE
Steve VadoczFront End Developer
With CSS things can go wrong
fast.• CSS specificity• Different coding styles• Preprocessors
CSS Guidelines
CSS Guidelines
CSS Guidelines
File systembasecomponentsutils_configurations.scss_utility-classes.scss_variables.scss_toolkit.scss
File system
New file systemgenericobjectscomponentstoolkit.scss
Base/resetVariablesBrand (colors)FunctionsMixinsClearfixetc
ButtonsListsGridMediaIslandBoxetc
Why?
ScalabilityMaintainabilityModularity
Why?
FutureAtomic designNaming convention - BEM?
SASS:
JS GuidelinesRefactoring
- performance- less dependant on jQuery
JavaScript:
Related Documents
