SASS Architecture
11
SASS ARCHITECTURE Steve Vadocz Front End Developer
-
Upload
steve-vadocz -
Category
Internet
-
view
109 -
download
3
description
Transcript of SASS Architecture
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: