From c41e16f6044548e27fbf8e4ef65ed3067278c80b Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 19 Oct 2024 17:14:45 +0200 Subject: Update --- tpl/index.pug | 2 +- tpl/layouts/container.pug | 8 ++++---- tpl/views/action-button.pug | 4 ++-- tpl/views/badge.pug | 2 +- tpl/views/button.pug | 4 ++-- tpl/views/divider.pug | 4 ++-- 6 files changed, 12 insertions(+), 12 deletions(-) (limited to 'tpl') diff --git a/tpl/index.pug b/tpl/index.pug index c4baa64..cccfb2a 100644 --- a/tpl/index.pug +++ b/tpl/index.pug @@ -40,7 +40,7 @@ mixin view(id, title) - views.push({ id, title }); - +container(narrow=!attributes.wide class='u-p-700 c-view' id=id) + +container(fixed=!attributes.wide class='u-p-700 c-view' id=id) +h1-heading('xl')(class='u-mt-0')= title +divider('medium') block diff --git a/tpl/layouts/container.pug b/tpl/layouts/container.pug index 56c0b86..522eb1a 100644 --- a/tpl/layouts/container.pug +++ b/tpl/layouts/container.pug @@ -1,10 +1,10 @@ mixin container - let classes = { - 'l-container': true, - 'l-container--narrow': attributes.narrow, - 'l-container--narrow-75': attributes.narrow50, - 'u-themed': !!attributes.theme + 'l-container': true, + 'l-container--fixed': attributes.fixed, + 'l-container--fixed-75': attributes.fixed50, + 'u-themed': !!attributes.theme } if (!!attributes.theme) { classes['t-' + attributes.theme] = true diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug index 8fbf9ea..6fa0ce9 100644 --- a/tpl/views/action-button.pug +++ b/tpl/views/action-button.pug @@ -90,7 +90,7 @@ mixin view-action-button - const bg = theme.startsWith('static-black') ? 500 : 1000; - .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + .c-box(style=`background-color: var(--static-colors--blue--${bg});`) +action-button(theme=theme)= 'Idle' = ' ' +action-button(theme=theme selected=true)= 'Selected' @@ -99,7 +99,7 @@ mixin view-action-button = ' ' +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled' - .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + .c-box(style=`background-color: var(--static-colors--blue--${bg});`) +action-button(theme=theme quiet=true)= 'Idle' = ' ' +action-button(theme=theme quiet=true selected=true)= 'Selected' diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index cc1f346..90fdabe 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug @@ -59,7 +59,7 @@ mixin view-badge - const bg = theme.startsWith('static-black') ? 500 : 1000; - .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + .c-box(style=`background-color: var(--static-colors--blue--${bg});`) +badge(theme)(href='#')= 'new' = ' ' +badge(theme)(quiet=true href='#')= 'new' diff --git a/tpl/views/button.pug b/tpl/views/button.pug index edd8ef6..04414a4 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug @@ -58,7 +58,7 @@ mixin view-button - const bg = theme.startsWith('static-black') ? 500 : 1000; - .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + .c-box(style=`background-color: var(--static-colors--blue--${bg});`) .l-button-group +a-button(variant=theme)= 'Button' +a-button(variant=theme disabled=true)= 'Button' @@ -71,7 +71,7 @@ mixin view-button +a-button(variant=theme outline=true icon='trash') +a-button(variant=theme outline=true disabled=true icon='trash') - .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + .c-box(style=`background-color: var(--static-colors--blue--${bg});`) .l-button-group +a-button(variant=theme primary=true)= 'Button' +a-button(variant=theme primary=true disabled=true)= 'Button' diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug index ee7b372..b5b6d70 100644 --- a/tpl/views/divider.pug +++ b/tpl/views/divider.pug @@ -23,7 +23,7 @@ mixin view-divider +divider('medium') +divider('faint') - each theme in ['blue', 'purple', 'red', 'green', 'yellow'] + each theme in ['accent', 'negative'] .c-box +divider('strong')(color=theme)= 'Strong' +divider('medium')(color=theme)= 'Medium' @@ -36,7 +36,7 @@ mixin view-divider - const bg = theme.startsWith('static-black') ? 500 : 1000; - .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + .c-box(style=`background-color: var(--static-colors--blue--${bg});`) +divider('strong')(color=theme)= 'Strong' +divider('medium')(color=theme)= 'Medium' +divider('faint')(color=theme)= 'Faint' -- cgit v1.2.3-70-g09d2