diff options
author | Volpeon <git@volpeon.ink> | 2023-02-13 20:26:02 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2023-02-13 20:26:02 +0100 |
commit | a0a161ab7ef57d8e808ba45004f1d4d62c828ad2 (patch) | |
tree | a7ce0e181884a8043ef80b035cebcf359454076c | |
parent | Update (diff) | |
download | iro-design-a0a161ab7ef57d8e808ba45004f1d4d62c828ad2.tar.gz iro-design-a0a161ab7ef57d8e808ba45004f1d4d62c828ad2.tar.bz2 iro-design-a0a161ab7ef57d8e808ba45004f1d4d62c828ad2.zip |
Update
-rw-r--r-- | src/_apply-vars.scss | 22 | ||||
-rw-r--r-- | src/_declare-vars.scss | 22 | ||||
-rw-r--r-- | tpl/index.pug | 2 | ||||
-rw-r--r-- | tpl/objects/action-menu.pug | 2 | ||||
-rw-r--r-- | tpl/objects/bubble.pug | 2 | ||||
-rw-r--r-- | tpl/objects/dialog.pug | 2 |
6 files changed, 26 insertions, 26 deletions
diff --git a/src/_apply-vars.scss b/src/_apply-vars.scss index 246b4d4..df1b491 100644 --- a/src/_apply-vars.scss +++ b/src/_apply-vars.scss | |||
@@ -55,7 +55,7 @@ | |||
55 | // } | 55 | // } |
56 | // } | 56 | // } |
57 | 57 | ||
58 | @include iro.bem-theme('raised') { | 58 | @include iro.bem-theme('up') { |
59 | @include iro.props-assign('colors'); | 59 | @include iro.props-assign('colors'); |
60 | @include iro.props-assign('palette-light-hi'); | 60 | @include iro.props-assign('palette-light-hi'); |
61 | 61 | ||
@@ -65,7 +65,7 @@ | |||
65 | } | 65 | } |
66 | } | 66 | } |
67 | 67 | ||
68 | @include iro.bem-theme('lowered') { | 68 | @include iro.bem-theme('down') { |
69 | @include iro.props-assign('colors'); | 69 | @include iro.props-assign('colors'); |
70 | @include iro.props-assign('palette-light-lo'); | 70 | @include iro.props-assign('palette-light-lo'); |
71 | 71 | ||
@@ -75,12 +75,12 @@ | |||
75 | } | 75 | } |
76 | } | 76 | } |
77 | 77 | ||
78 | @include iro.bem-theme('lowered2') { | 78 | // @include iro.bem-theme('lowered2') { |
79 | @include iro.props-assign('colors'); | 79 | // @include iro.props-assign('colors'); |
80 | @include iro.props-assign('palette-light-lo2'); | 80 | // @include iro.props-assign('palette-light-lo2'); |
81 | 81 | // | |
82 | @media (prefers-color-scheme: dark) { | 82 | // @media (prefers-color-scheme: dark) { |
83 | @include iro.props-assign('colors-dark'); | 83 | // @include iro.props-assign('colors-dark'); |
84 | @include iro.props-assign('palette-dark-hi2'); | 84 | // @include iro.props-assign('palette-dark-hi2'); |
85 | } | 85 | // } |
86 | } | 86 | // } |
diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 593c7e4..d95c7fc 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss | |||
@@ -173,11 +173,11 @@ | |||
173 | ), | 173 | ), |
174 | ), 'palette-light-lo'); | 174 | ), 'palette-light-lo'); |
175 | 175 | ||
176 | @include iro.props-store(( | 176 | // @include iro.props-store(( |
177 | --colors: ( | 177 | // --colors: ( |
178 | --gray: fn.gray-palette(88%), | 178 | // --gray: fn.gray-palette(88%), |
179 | ), | 179 | // ), |
180 | ), 'palette-light-lo2'); | 180 | // ), 'palette-light-lo2'); |
181 | 181 | ||
182 | @include iro.props-store(( | 182 | @include iro.props-store(( |
183 | --colors: ( | 183 | --colors: ( |
@@ -233,15 +233,15 @@ | |||
233 | 233 | ||
234 | // | 234 | // |
235 | 235 | ||
236 | @include iro.props-store(( | 236 | // @include iro.props-store(( |
237 | --colors: ( | 237 | // --colors: ( |
238 | --gray: fn.gray-palette(1%), | 238 | // --gray: fn.gray-palette(1%), |
239 | ), | 239 | // ), |
240 | ), 'palette-dark-hi2'); | 240 | // ), 'palette-dark-hi2'); |
241 | 241 | ||
242 | @include iro.props-store(( | 242 | @include iro.props-store(( |
243 | --colors: ( | 243 | --colors: ( |
244 | --gray: fn.gray-palette(5%), | 244 | --gray: fn.gray-palette(7%), |
245 | ), | 245 | ), |
246 | ), 'palette-dark-hi'); | 246 | ), 'palette-dark-hi'); |
247 | 247 | ||
diff --git a/tpl/index.pug b/tpl/index.pug index 15929cf..0bafbc9 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
@@ -125,7 +125,7 @@ html | |||
125 | +view-bubble | 125 | +view-bubble |
126 | +view-bubble-group | 126 | +view-bubble-group |
127 | 127 | ||
128 | .c-sidebar.l-overflow.u-themed.t-raised.u-p-75.u-br-1 | 128 | .c-sidebar.l-overflow.u-themed.t-up.u-p-75 |
129 | +menu | 129 | +menu |
130 | each view in views | 130 | each view in views |
131 | +menu-item(tag='a' href='#' + view.id)= view.title | 131 | +menu-item(tag='a' href='#' + view.id)= view.title |
diff --git a/tpl/objects/action-menu.pug b/tpl/objects/action-menu.pug index bb21d9e..be9d86d 100644 --- a/tpl/objects/action-menu.pug +++ b/tpl/objects/action-menu.pug | |||
@@ -2,7 +2,7 @@ include icon.pug | |||
2 | include status-indicator.pug | 2 | include status-indicator.pug |
3 | 3 | ||
4 | mixin action-menu | 4 | mixin action-menu |
5 | .o-action-menu.u-p-static.t-raised | 5 | .o-action-menu.u-p-static.t-up |
6 | block | 6 | block |
7 | 7 | ||
8 | mixin action-menu-item | 8 | mixin action-menu-item |
diff --git a/tpl/objects/bubble.pug b/tpl/objects/bubble.pug index 52f8949..8d878c8 100644 --- a/tpl/objects/bubble.pug +++ b/tpl/objects/bubble.pug | |||
@@ -11,7 +11,7 @@ mixin bubble(user) | |||
11 | 'o-bubble': true, | 11 | 'o-bubble': true, |
12 | 'o-bubble--75': attributes.compact, | 12 | 'o-bubble--75': attributes.compact, |
13 | 'o-bubble--highlight': attributes.highlight, | 13 | 'o-bubble--highlight': attributes.highlight, |
14 | 't-raised': !attributes.theme | 14 | 't-up': !attributes.theme |
15 | } | 15 | } |
16 | if (attributes.class) { | 16 | if (attributes.class) { |
17 | classes[attributes.class] = true | 17 | classes[attributes.class] = true |
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug index 26b953b..7ac9c3d 100644 --- a/tpl/objects/dialog.pug +++ b/tpl/objects/dialog.pug | |||
@@ -18,7 +18,7 @@ mixin dialog(title) | |||
18 | let headerClass = { | 18 | let headerClass = { |
19 | 'o-dialog__header': true, | 19 | 'o-dialog__header': true, |
20 | 'u-themed': !attributes.flat, | 20 | 'u-themed': !attributes.flat, |
21 | 't-lowered': !attributes.flat, | 21 | 't-down': !attributes.flat, |
22 | 'l-media': true, | 22 | 'l-media': true, |
23 | } | 23 | } |
24 | 24 | ||