From b566769679473b91d2f63406fba7cc3b44c4fcc1 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 25 Jun 2024 11:11:05 +0200 Subject: Update --- tpl/objects/checkbox.pug | 1 - tpl/objects/radio.pug | 1 - tpl/views/badge.pug | 67 ++++++++++++------------------------------------ tpl/views/button.pug | 19 ++------------ 4 files changed, 19 insertions(+), 69 deletions(-) (limited to 'tpl') diff --git a/tpl/objects/checkbox.pug b/tpl/objects/checkbox.pug index cb975d5..874505b 100644 --- a/tpl/objects/checkbox.pug +++ b/tpl/objects/checkbox.pug @@ -16,4 +16,3 @@ mixin checkbox +icon('check')(class='o-checkbox__check-icon') .o-checkbox__label block - .o-checkbox__bg diff --git a/tpl/objects/radio.pug b/tpl/objects/radio.pug index ba941be..8cb1b1f 100644 --- a/tpl/objects/radio.pug +++ b/tpl/objects/radio.pug @@ -10,4 +10,3 @@ mixin radio .o-radio__circle .o-radio__label block - .o-radio__bg diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index a55baca..e1aa9e2 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug @@ -3,73 +3,40 @@ mixin view-badge .c-box +badge(size='sm' href='#')= '50' = ' ' - +badge= '100' + +badge(href='#')= '100' = ' ' +badge(size='lg' href='#')= '200' = ' ' +badge(size='xl' href='#')= '300' .c-box - +badge(size='sm' href='#' quiet=true)= '50' + +badge(href='#')= '100' = ' ' - +badge(quiet=true)= '100' + +badge(quiet=true href='#')= '100' = ' ' - +badge(size='lg' href='#' quiet=true)= '200' + +badge(pill=true href='#')= '100' = ' ' - +badge(size='xl' href='#' quiet=true)= '300' + +badge(quiet=true pill=true href='#')= '100' each theme in ['accent', 'positive', 'negative', 'warning'] .c-box - +badge(theme)(size='sm' href='#')= 'new' + +badge(theme)(href='#')= 'new' = ' ' - +badge(theme)= 'new' + +badge(theme)(quiet=true href='#')= 'new' = ' ' - +badge(theme)(size='lg' href='#')= 'new' + +badge(theme)(pill=true href='#')= 'new' = ' ' - +badge(theme)(size='xl' href='#')= 'new' + +badge(theme)(quiet=true pill=true href='#')= 'new' - .c-box - +badge(theme)(size='sm' href='#' quiet=true)= 'new' - = ' ' - +badge(theme)(quiet=true)= 'new' - = ' ' - +badge(theme)(size='lg' href='#' quiet=true)= 'new' - = ' ' - +badge(theme)(size='xl' href='#' quiet=true)= 'new' + each theme in ['static-black', 'static-white'] + - + const bg = theme.startsWith('static-black') ? 500 : 1000; - .c-box - +badge(size='sm', pill=true)= '50' - = ' ' - +badge(pill=true)= '100' - = ' ' - +badge(size='lg' pill=true)= '200' - = ' ' - +badge(size='xl' pill=true)= '300' - - .c-box - +badge(size='sm' pill=true quiet=true)= 'new' - = ' ' - +badge(pill=true quiet=true)= 'new' - = ' ' - +badge(size='lg' pill=true quiet=true)= 'new' - = ' ' - +badge(size='xl' pill=true quiet=true)= 'new' - - each theme in ['accent', 'positive', 'negative', 'warning'] - .c-box - +badge(theme)(size='sm' pill=true href='#')= 'new' - = ' ' - +badge(theme)(pill=true)= 'new' - = ' ' - +badge(theme)(size='lg' pill=true href='#')= 'new' - = ' ' - +badge(theme)(size='xl' pill=true href='#')= 'new' - - .c-box - +badge(theme)(size='sm' pill=true href='#' quiet=true)= 'new' + .c-box(style=`background-color: var(--colors--blue-static--${bg});`) + +badge(theme)(href='#')= 'new' = ' ' - +badge(theme)(pill=true quiet=true)= 'new' + +badge(theme)(quiet=true href='#')= 'new' = ' ' - +badge(theme)(size='lg' pill=true href='#' quiet=true)= 'new' + +badge(theme)(pill=true href='#')= 'new' = ' ' - +badge(theme)(size='xl' pill=true href='#' quiet=true)= 'new' + +badge(theme)(quiet=true pill=true href='#')= 'new' diff --git a/tpl/views/button.pug b/tpl/views/button.pug index 221219c..c476d9b 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug @@ -8,15 +8,8 @@ mixin view-button +a-button(size='lg')= 'Button' = ' ' +a-button(size='xl')= 'Button' - br - +a-button(size='sm' disabled=true)= 'Button' - = ' ' - +a-button(disabled=true)= 'Button' - = ' ' - +a-button(size='lg' disabled=true)= 'Button' - = ' ' - +a-button(size='xl' disabled=true)= 'Button' - br + + .c-box +a-button(size='sm' outline=true)= 'Button' = ' ' +a-button(outline=true)= 'Button' @@ -24,14 +17,6 @@ mixin view-button +a-button(size='lg' outline=true)= 'Button' = ' ' +a-button(size='xl' outline=true)= 'Button' - br - +a-button(size='sm' outline=true disabled=true)= 'Button' - = ' ' - +a-button(outline=true disabled=true)= 'Button' - = ' ' - +a-button(size='lg' outline=true disabled=true)= 'Button' - = ' ' - +a-button(size='xl' outline=true disabled=true)= 'Button' .c-box .l-button-group -- cgit v1.2.3-70-g09d2