Organizing Sass Partials

NYCSass Meetup, 11.19.13

Eric A. Meyer | OddBird oddbird.net eriiicam ericam

Never Fight The Cascade

General -> Specific

Sass:
  - Base
  - General
  - Layout
  - Patterns
  - Modules

Base Partials

No CSS Output

Base:
  - colors
  - grids
  - rhythm
  - requirements
  - icons
  - type

General Partials

Resets + Defaults

General
- fonts
- forms
- icons
- type

Layout Partials

Sitewide Structure

Layout
- banner
- main
- nav
- contentinfo

Pattern Partials

Re-usable Structures

Patterns
- tooltips
- accordion

Module Partials

The Details

Modules
- intro
- about
- checkout

Sass:
  - Base
  - General
  - Layout
  - Patterns
  - Modules

Atomic Design?

Brad Frost — http://pattern-lab.info/

Never Fight The Cascade

General -> Specific

Organizing Sass Partials

NYCSass Meetup, 11.19.13

Eric A. Meyer | OddBird oddbird.net eriiicam ericam