diff options
| -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 | ||
