Sassy Styleguides

Andy Richardson @and1mal

andimal.co/sassy-styleguides

Sass• “CSS with superpowers”

• sass-lang.com

• .sass/.scss

• Really cool.

.sass .css

Styleguides

• Rules for maintaining consistency

• How does it apply to web design?

“A style guide or style manual is a set of standards for the writing and design of documents, either for general use or for a specific publication, organization or field.” -Wikipedia

KSS• warpspire.com/kss/

• github.com/kneath/kss

• But what about pre-compilation??

Wait…is that $gray-lighter or $gray-lightest?

Sassy Styleguide

github.com/andimal/sassy-styleguide

Resources• alistapart.com/article/creating-style-guides

• 24ways.org/2011/front-end-style-guides/

• alistapart.com/article/style-tiles-and-how-they-work

• github.com/styleguide/css/1.0

• warpspire.com/kss/

• github.com/kneath/kss

Andy Richardson @and1mal

andimal.co

@kohactive kohactive.com