diff options
author | Volpeon <git@volpeon.ink> | 2022-03-26 14:40:11 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-26 14:40:11 +0100 |
commit | e4255279ff72e5438d297888d808851cdf2178ed (patch) | |
tree | 52fbae2c67f65376eae97025b433038d9f4a0e35 /src/_apply-vars.scss | |
parent | Split demo in :target views (diff) | |
download | iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.gz iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.bz2 iro-design-e4255279ff72e5438d297888d808851cdf2178ed.zip |
Lots of updates, especially dialog
Diffstat (limited to 'src/_apply-vars.scss')
-rw-r--r-- | src/_apply-vars.scss | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 66ad9b7..9639a97 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss | |||
@@ -19,6 +19,12 @@ | |||
19 | } | 19 | } |
20 | } | 20 | } |
21 | 21 | ||
22 | @include iro.bem-theme('dark') { | ||
23 | @include iro.props-assign('colors'); | ||
24 | @include iro.props-assign('colors-dark'); | ||
25 | @include iro.props-assign('palette-dark'); | ||
26 | } | ||
27 | |||
22 | @include iro.bem-theme('raised') { | 28 | @include iro.bem-theme('raised') { |
23 | @include iro.props-assign('colors'); | 29 | @include iro.props-assign('colors'); |
24 | @include iro.props-assign('palette-light-raised'); | 30 | @include iro.props-assign('palette-light-raised'); |
@@ -29,8 +35,12 @@ | |||
29 | } | 35 | } |
30 | } | 36 | } |
31 | 37 | ||
32 | @include iro.bem-theme('dark') { | 38 | @include iro.bem-theme('lowered') { |
33 | @include iro.props-assign('colors'); | 39 | @include iro.props-assign('colors'); |
34 | @include iro.props-assign('colors-dark'); | 40 | @include iro.props-assign('palette-light-lowered'); |
35 | @include iro.props-assign('palette-dark'); | 41 | |
42 | @media (prefers-color-scheme: dark) { | ||
43 | @include iro.props-assign('colors-dark'); | ||
44 | @include iro.props-assign('palette-dark-lowered'); | ||
45 | } | ||
36 | } | 46 | } |