diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-21 16:03:52 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-21 16:03:52 +0200 |
| commit | 943ee062fe2c0344165e28f4d612176878159133 (patch) | |
| tree | b4eaead4e789ec1e5d0994576901ef038d65210e /tpl/objects/action-button.pug | |
| parent | fix var names (diff) | |
| download | iro-design-943ee062fe2c0344165e28f4d612176878159133.tar.gz iro-design-943ee062fe2c0344165e28f4d612176878159133.tar.bz2 iro-design-943ee062fe2c0344165e28f4d612176878159133.zip | |
Consolidating button, action-button and badge; change design to have some 3D components
Diffstat (limited to 'tpl/objects/action-button.pug')
| -rw-r--r-- | tpl/objects/action-button.pug | 14 |
1 files changed, 8 insertions, 6 deletions
diff --git a/tpl/objects/action-button.pug b/tpl/objects/action-button.pug index e9b6fe3..0ab084e 100644 --- a/tpl/objects/action-button.pug +++ b/tpl/objects/action-button.pug | |||
| @@ -3,12 +3,14 @@ include icon.pug | |||
| 3 | mixin action-button | 3 | mixin action-button |
| 4 | - | 4 | - |
| 5 | let classes = { | 5 | let classes = { |
| 6 | 'o-action-button': true, | 6 | 'o-action-button': true, |
| 7 | 'u-d-block': attributes.block, | 7 | 'u-d-block': attributes.block, |
| 8 | 'o-action-button--quiet': attributes.quiet, | 8 | 'o-action-button--secondary': attributes.secondary, |
| 9 | 'o-action-button--pill': attributes.pill, | 9 | 'o-action-button--quiet': attributes.quiet, |
| 10 | 'o-action-button--icon': !!attributes.icon && !block, | 10 | 'o-action-button--pill': attributes.pill, |
| 11 | 'is-selected': attributes.selected | 11 | 'o-action-button--badge': attributes.badge, |
| 12 | 'o-action-button--icon': !!attributes.icon && !block, | ||
| 13 | 'is-selected': attributes.selected, | ||
| 12 | } | 14 | } |
| 13 | if (attributes.theme) { | 15 | if (attributes.theme) { |
| 14 | classes['o-action-button--' + attributes.theme] = true | 16 | classes['o-action-button--' + attributes.theme] = true |