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: