Sha256: 4594c9bfe108690dfe2871791779a25175070f3c45b5a320a1665e1f5fa047c2

Contents?: true

Size: 816 Bytes

Versions: 41

Compression:

Stored size: 816 Bytes

Contents

#How does color work?

In your Toadstool style guide, `style.scss` calls in local `_config.scss`. Local `_config.scss` can over-write primary colors and pass values to `color/color_math` and `color/grayscale_math`.

`color/color_math` imports `stipe/color/default_color_pallet` to ensure that un-updated default values are carried forward. 

In your Toadstool style guide`toadstool.scss` imports `color/extends.scss` from the local style guide so that the extends have the correct color reference. But it is in `stipe/toadstool/ui_patterns/_color_grid.scss` where these extended values are given classes that only appear in the `toadstool.css`. This principle is needed so that the site's extends will create colors from the appropiate context and the presentational classes only live in the `toadstool.css` doc.  

Version data entries

41 entries across 41 versions & 1 rubygems

Version Path
stipe-0.0.6.3 stylesheets/stipe/color/readme.md
stipe-0.0.6.2 stylesheets/stipe/color/readme.md
stipe-0.0.6.1 stylesheets/stipe/color/readme.md
stipe-0.0.6.0 stylesheets/stipe/color/readme.md
stipe-0.0.5.9 stylesheets/stipe/color/readme.md
stipe-0.0.5.8 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.9 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.8 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.7 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.6 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.5 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.4 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.3 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.2 stylesheets/stipe/color/readme.md
stipe-0.0.5.7.1 stylesheets/stipe/color/readme.md
stipe-0.0.5.7 stylesheets/stipe/color/readme.md
stipe-0.0.5.6 stylesheets/stipe/color/readme.md
stipe-0.0.5.5 stylesheets/stipe/color/readme.md
stipe-0.0.5.4 stylesheets/stipe/color/readme.md
stipe-0.0.5.3 stylesheets/stipe/color/readme.md