Download - SASS Architecture
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: