Creating your styles withSass Maps

Lourdes Montano | SassConf 2015 | Austin, TX

Hi! I’m Lourdes

Front-End Developer @ R/GA Buenos Aires

@loumontano

big scale / long term projects

Lots of changes...all the time

Interaction with Designers

Developers

The client

Seriously...

A BAZILLION CHANGES

and then going back to the first option

all the time…

I needed a solution for this

"We’re not designing pages,
we’re designing systems of components."

Stephen Hay

you said Maps?

isn't it difficult?

A map looks like...

...and you call it this way

Key / Value data sets
Unique list of keys
Access to the keys and values
Ability to iterate values

So, how do I apply this? C'mon, Lou...give me something I can use

Theming with maps

Theming with maps

Theming with maps

Managing color values

Managing color values

Managing color values

FINAL THOUGHTS

Easy to maintain & modify
Better code organization
Use maps with a purpose
Beware those nested maps!
Debug!

Thank You! @loumontano http://www.slideshare.net/loumontano/sassconf-maps