diff options
| author | Mark Otto <markdotto@gmail.com> | 2017-06-15 21:15:28 +0300 |
|---|---|---|
| committer | Mark Otto <markdotto@gmail.com> | 2017-06-15 21:15:28 +0300 |
| commit | 516af795094605a2771c221c9e8b4894a758a455 (patch) | |
| tree | bbcb8ba3e84f209d0d5fcd000351d8dd9f81c12a /assets | |
| parent | be39742d65f8999329c515fbf9c8102e32afe271 (diff) | |
prep docs for displaying the colors
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/scss/_colors.scss | 24 | ||||
| -rw-r--r-- | assets/scss/docs.scss | 3 |
2 files changed, 26 insertions, 1 deletions
diff --git a/assets/scss/_colors.scss b/assets/scss/_colors.scss new file mode 100644 index 0000000000..d09d3a2c57 --- /dev/null +++ b/assets/scss/_colors.scss @@ -0,0 +1,24 @@ +// +// Docs color palette classes +// + +@each $color, $value in $colors { + .swatch-#{$color} { + background-color: #{$value}; + @include color-yiq($value); + } +} + +@each $color, $value in $theme-colors { + .swatch-#{$color} { + background-color: #{$value}; + @include color-yiq($value); + } +} + +@each $color, $value in $grays { + .swatch-#{$color} { + background-color: #{$value}; + @include color-yiq($value); + } +} diff --git a/assets/scss/docs.scss b/assets/scss/docs.scss index 0991d5bdf6..6535c0ce11 100644 --- a/assets/scss/docs.scss +++ b/assets/scss/docs.scss @@ -10,7 +10,7 @@ // // Background information on nomenclature and architecture decisions here. // -// - Bootstrap variables and mixins are included for easy reuse. +// - Bootstrap functions, variables, and mixins are included for easy reuse. // Doing so gives us access to the same core utilities provided by Bootstrap. // For example, consistent media queries through those mixins. // @@ -48,6 +48,7 @@ @import "team"; @import "browser-bugs"; @import "brand"; +@import "colors"; @import "clipboard-js"; // Load docs dependencies |