diff options
author | Volpeon <git@volpeon.ink> | 2022-02-12 17:58:31 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-02-12 17:58:31 +0100 |
commit | b62fa77d0dc0c6a053b9d72e27a8f404ae8a4206 (patch) | |
tree | 60bcbcc5a5cc0cb22e1c613bff73d191e3f1626e /tpl | |
parent | Update (diff) | |
download | iro-design-b62fa77d0dc0c6a053b9d72e27a8f404ae8a4206.tar.gz iro-design-b62fa77d0dc0c6a053b9d72e27a8f404ae8a4206.tar.bz2 iro-design-b62fa77d0dc0c6a053b9d72e27a8f404ae8a4206.zip |
Calculate gray palette via contrast automatically
Diffstat (limited to 'tpl')
-rw-r--r-- | tpl/index.pug | 6 | ||||
-rw-r--r-- | tpl/objects/action-menu.pug | 2 | ||||
-rw-r--r-- | tpl/objects/avatar.pug | 2 | ||||
-rw-r--r-- | tpl/objects/backdrop.pug | 2 |
4 files changed, 6 insertions, 6 deletions
diff --git a/tpl/index.pug b/tpl/index.pug index 4e56564..d8984ce 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
@@ -450,8 +450,8 @@ html | |||
450 | +action-menu-slot(class='l-card l-card--flush') | 450 | +action-menu-slot(class='l-card l-card--flush') |
451 | +avatar(block=true circle=true size='sm' src='avatar.png' class='l-card__block') | 451 | +avatar(block=true circle=true size='sm' src='avatar.png' class='l-card__block') |
452 | .l-card__block.l-card__block--main | 452 | .l-card__block.l-card__block--main |
453 | strong.u-db= 'Volpeon' | 453 | strong.u-d-block= 'Volpeon' |
454 | small.u-db= '@volpeon@mk.vulpes.one' | 454 | small.u-d-block= '@volpeon@mk.vulpes.one' |
455 | +action-menu-separator | 455 | +action-menu-separator |
456 | +action-menu-item(icon='user')= 'View profile' | 456 | +action-menu-item(icon='user')= 'View profile' |
457 | +action-menu-item(icon='red' iconIsStatus=true)= 'Mark as away' | 457 | +action-menu-item(icon='red' iconIsStatus=true)= 'Mark as away' |
@@ -528,7 +528,7 @@ html | |||
528 | +box | 528 | +box |
529 | +backdrop | 529 | +backdrop |
530 | +dialog('Lorem ipsum') | 530 | +dialog('Lorem ipsum') |
531 | p.u-mt0= loremIpsum | 531 | p.u-mt-0= loremIpsum |
532 | p= loremIpsum | 532 | p= loremIpsum |
533 | p= loremIpsum | 533 | p= loremIpsum |
534 | p= loremIpsum | 534 | p= loremIpsum |
diff --git a/tpl/objects/action-menu.pug b/tpl/objects/action-menu.pug index e8cecb2..751e29d 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-ps.t-raised | 5 | .o-action-menu.u-p-static.t-raised |
6 | block | 6 | block |
7 | 7 | ||
8 | mixin action-menu-item | 8 | mixin action-menu-item |
diff --git a/tpl/objects/avatar.pug b/tpl/objects/avatar.pug index 16de7c5..9e08a16 100644 --- a/tpl/objects/avatar.pug +++ b/tpl/objects/avatar.pug | |||
@@ -5,7 +5,7 @@ mixin avatar | |||
5 | let classes = { | 5 | let classes = { |
6 | 'o-avatar': true, | 6 | 'o-avatar': true, |
7 | 'o-avatar--circle': attributes.circle, | 7 | 'o-avatar--circle': attributes.circle, |
8 | 'u-db': attributes.block | 8 | 'u-d-block': attributes.block |
9 | } | 9 | } |
10 | if (attributes.class) { | 10 | if (attributes.class) { |
11 | classes[attributes.class] = true; | 11 | classes[attributes.class] = true; |
diff --git a/tpl/objects/backdrop.pug b/tpl/objects/backdrop.pug index 3e3eb7f..5d0c9e8 100644 --- a/tpl/objects/backdrop.pug +++ b/tpl/objects/backdrop.pug | |||
@@ -1,3 +1,3 @@ | |||
1 | mixin backdrop | 1 | mixin backdrop |
2 | .o-backdrop.u-ps(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) | 2 | .o-backdrop.u-p-static(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) |
3 | block | 3 | block |