diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/_apply-vars.scss | 10 | ||||
-rw-r--r-- | src/objects/_dialog.scss | 9 |
2 files changed, 12 insertions, 7 deletions
diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 5cf5742..0fbc5e3 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss | |||
@@ -45,6 +45,16 @@ | |||
45 | } | 45 | } |
46 | } | 46 | } |
47 | 47 | ||
48 | @include iro.bem-theme('lo') { | ||
49 | @include iro.props-assign('colors'); | ||
50 | @include iro.props-assign('palette-light-lo'); | ||
51 | |||
52 | @media (prefers-color-scheme: dark) { | ||
53 | @include iro.props-assign('colors-dark'); | ||
54 | @include iro.props-assign('palette-dark-lo'); | ||
55 | } | ||
56 | } | ||
57 | |||
48 | @include iro.bem-theme('up') { | 58 | @include iro.bem-theme('up') { |
49 | @include iro.props-assign('colors'); | 59 | @include iro.props-assign('colors'); |
50 | @include iro.props-assign('palette-light-hi'); | 60 | @include iro.props-assign('palette-light-hi'); |
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss index 8a60b51..40fe7c0 100644 --- a/src/objects/_dialog.scss +++ b/src/objects/_dialog.scss | |||
@@ -69,9 +69,8 @@ | |||
69 | } | 69 | } |
70 | 70 | ||
71 | @include iro.bem-elem('header') { | 71 | @include iro.bem-elem('header') { |
72 | grid-area: sidebar-header / sidebar-header / header / header; | 72 | grid-area: sidebar-header / sidebar-header / header / header; |
73 | padding: fn.dim(--header --pad-y) fn.dim(--header --pad-x); | 73 | padding: fn.dim(--header --pad-y) fn.dim(--header --pad-x); |
74 | border-bottom: 1px solid fn.color(--border); | ||
75 | 74 | ||
76 | @include iro.bem-modifier('sidebar') { | 75 | @include iro.bem-modifier('sidebar') { |
77 | grid-area: sidebar-header; | 76 | grid-area: sidebar-header; |
@@ -122,10 +121,6 @@ | |||
122 | } | 121 | } |
123 | 122 | ||
124 | @include iro.bem-modifier('flat') { | 123 | @include iro.bem-modifier('flat') { |
125 | @include iro.bem-elem('header') { | ||
126 | border-bottom: 0; | ||
127 | } | ||
128 | |||
129 | @include iro.bem-elem('body') { | 124 | @include iro.bem-elem('body') { |
130 | padding-top: 0; | 125 | padding-top: 0; |
131 | } | 126 | } |