diff options
author | Simon Knox <psimyn@gmail.com> | 2019-04-03 05:24:07 +0300 |
---|---|---|
committer | Simon Knox <psimyn@gmail.com> | 2019-04-03 16:54:32 +0300 |
commit | c4c6dcb68c71cd31ecad96bea397a595109aaa24 (patch) | |
tree | db199fc2e6d9e9c85a54a3e69355a3f787782f10 /app/assets/stylesheets/utilities.scss | |
parent | 645303c7e71d554c3ee1a338730d8b779c47acc1 (diff) |
Add color util classes for backgrounds and text
We have a range of shades for most of the theme colors
Grouped them into color maps the same way Bootstrap does
for $grays already
Also add type scale utils
Diffstat (limited to 'app/assets/stylesheets/utilities.scss')
-rw-r--r-- | app/assets/stylesheets/utilities.scss | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/app/assets/stylesheets/utilities.scss b/app/assets/stylesheets/utilities.scss new file mode 100644 index 00000000000..3648ec5e239 --- /dev/null +++ b/app/assets/stylesheets/utilities.scss @@ -0,0 +1,17 @@ +@each $variant, $range in $color-ranges { + @each $suffix, $color in $range { + #{'.bg-#{$variant}-#{$suffix}'} { + background-color: $color; + } + + #{'.text-#{$variant}-#{$suffix}'} { + color: $color; + } + } +} + +@each $index, $size in $type-scale { + #{'.text-#{$index}'} { + font-size: $size; + } +} |