From b62fa77d0dc0c6a053b9d72e27a8f404ae8a4206 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 12 Feb 2022 17:58:31 +0100 Subject: Calculate gray palette via contrast automatically --- tpl/index.pug | 6 +++--- tpl/objects/action-menu.pug | 2 +- tpl/objects/avatar.pug | 2 +- tpl/objects/backdrop.pug | 2 +- 4 files changed, 6 insertions(+), 6 deletions(-) (limited to 'tpl') 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 +action-menu-slot(class='l-card l-card--flush') +avatar(block=true circle=true size='sm' src='avatar.png' class='l-card__block') .l-card__block.l-card__block--main - strong.u-db= 'Volpeon' - small.u-db= '@volpeon@mk.vulpes.one' + strong.u-d-block= 'Volpeon' + small.u-d-block= '@volpeon@mk.vulpes.one' +action-menu-separator +action-menu-item(icon='user')= 'View profile' +action-menu-item(icon='red' iconIsStatus=true)= 'Mark as away' @@ -528,7 +528,7 @@ html +box +backdrop +dialog('Lorem ipsum') - p.u-mt0= loremIpsum + p.u-mt-0= loremIpsum p= loremIpsum p= loremIpsum 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 include status-indicator.pug mixin action-menu - .o-action-menu.u-ps.t-raised + .o-action-menu.u-p-static.t-raised block 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 let classes = { 'o-avatar': true, 'o-avatar--circle': attributes.circle, - 'u-db': attributes.block + 'u-d-block': attributes.block } if (attributes.class) { 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 @@ mixin backdrop - .o-backdrop.u-ps(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) + .o-backdrop.u-p-static(style={ width: '100%', 'min-height': '5em', 'max-height': '40em' }) block -- cgit v1.2.3-54-g00ecf