From 6b0fcac695aa7a5517f6f53cec50da493acc4582 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 22 Jun 2024 19:30:00 +0200 Subject: Update --- tpl/views/badge.pug | 88 ++++++++++++++++++++++++++++++++------------------- tpl/views/button.pug | 55 ++++++++++++++------------------ tpl/views/palette.pug | 3 ++ 3 files changed, 82 insertions(+), 64 deletions(-) (limited to 'tpl/views') diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug index a3c4eed..1e1b88f 100644 --- a/tpl/views/badge.pug +++ b/tpl/views/badge.pug @@ -1,51 +1,75 @@ mixin view-badge +view('badge', 'Badge') .c-box - +badge= '100' - = ' ' - +badge('primary')= 'new' - = ' ' - +badge('accent')= 'new' + +badge(size=50 href='#')= '50' = ' ' - +badge('accent-quiet')= 'new' + +badge= '100' = ' ' +badge(size=200 href='#')= '200' = ' ' - +badge('primary')(size=200 href='#')= 'new' - = ' ' - +badge('accent')(size=200 href='#')= 'new' - = ' ' - +badge('accent-quiet')(size=200 href='#')= 'new' - = ' ' +badge(size=300 href='#')= '300' - = ' ' - +badge('primary')(size=300 href='#')= 'new' - = ' ' - +badge('accent')(size=300 href='#')= 'new' - = ' ' - +badge('accent-quiet')(size=300 href='#')= 'new' .c-box - +badge(pill=true)= '100' + +badge(size=50 href='#' quiet=true)= '50' = ' ' - +badge('primary')(pill=true)= 'new' + +badge(quiet=true)= '100' = ' ' - +badge('accent')(pill=true)= 'new' + +badge(size=200 href='#' quiet=true)= '200' = ' ' - +badge('accent-quiet')(pill=true)= 'new' - = ' ' - +badge(size=200, pill=true)= '200' - = ' ' - +badge('primary')(size=200, pill=true)= 'new' + +badge(size=300 href='#' quiet=true)= '300' + + each theme in ['accent', 'positive', 'negative', 'warning'] + .c-box + +badge(theme)(size=50 href='#')= 'new' + = ' ' + +badge(theme)= 'new' + = ' ' + +badge(theme)(size=200 href='#')= 'new' + = ' ' + +badge(theme)(size=300 href='#')= 'new' + + .c-box + +badge(theme)(size=50 href='#' quiet=true)= 'new' + = ' ' + +badge(theme)(quiet=true)= 'new' + = ' ' + +badge(theme)(size=200 href='#' quiet=true)= 'new' + = ' ' + +badge(theme)(size=300 href='#' quiet=true)= 'new' + + .c-box + +badge(size=50, pill=true)= '50' = ' ' - +badge('accent')(size=200, pill=true)= 'new' + +badge(pill=true)= '100' = ' ' - +badge('accent-quiet')(size=200, pill=true)= 'new' + +badge(size=200 pill=true)= '200' = ' ' - +badge(size=300, pill=true)= '300' + +badge(size=300 pill=true)= '300' + + .c-box + +badge(size=50 pill=true quiet=true)= 'new' = ' ' - +badge('primary')(size=300, pill=true)= 'new' + +badge(pill=true quiet=true)= 'new' = ' ' - +badge('accent')(size=300, pill=true)= 'new' + +badge(size=200 pill=true quiet=true)= 'new' = ' ' - +badge('accent-quiet')(size=300, pill=true)= 'new' + +badge(size=300 pill=true quiet=true)= 'new' + + each theme in ['accent', 'positive', 'negative', 'warning'] + .c-box + +badge(theme)(size=50 pill=true href='#')= 'new' + = ' ' + +badge(theme)(pill=true)= 'new' + = ' ' + +badge(theme)(size=200 pill=true href='#')= 'new' + = ' ' + +badge(theme)(size=300 pill=true href='#')= 'new' + + .c-box + +badge(theme)(size=50 pill=true href='#' quiet=true)= 'new' + = ' ' + +badge(theme)(pill=true quiet=true)= 'new' + = ' ' + +badge(theme)(size=200 pill=true href='#' quiet=true)= 'new' + = ' ' + +badge(theme)(size=300 pill=true href='#' quiet=true)= 'new' diff --git a/tpl/views/button.pug b/tpl/views/button.pug index 2a1bd57..7c96419 100644 --- a/tpl/views/button.pug +++ b/tpl/views/button.pug @@ -2,37 +2,28 @@ mixin view-button +view('button', 'Button') .c-box .l-button-group - +a-button(variant='accent')= 'Button' - +a-button(variant='accent' disabled=true)= 'Button' - +a-button(variant='accent' outline=true)= 'Button' - +a-button(variant='accent' outline=true disabled=true)= 'Button' + +a-button= 'Button' + +a-button(disabled=true)= 'Button' + +a-button(outline=true)= 'Button' + +a-button(outline=true disabled=true)= 'Button' br .l-button-group - +a-button(variant='accent' icon='trash') - +a-button(variant='accent' disabled=true icon='trash') - +a-button(variant='accent' outline=true icon='trash') - +a-button(variant='accent' outline=true disabled=true icon='trash') - br - .l-button-group - +a-button(variant='primary')= 'Button' - +a-button(variant='primary' disabled=true)= 'Button' - +a-button(variant='primary' outline=true)= 'Button' - +a-button(variant='primary' outline=true disabled=true)= 'Button' - br - .l-button-group - +a-button(variant='primary' icon='trash') - +a-button(variant='primary' disabled=true icon='trash') - +a-button(variant='primary' outline=true icon='trash') - +a-button(variant='primary' outline=true disabled=true icon='trash') - br - .l-button-group - +a-button(variant='secondary')= 'Button' - +a-button(variant='secondary' disabled=true)= 'Button' - +a-button(variant='secondary' outline=true)= 'Button' - +a-button(variant='secondary' outline=true disabled=true)= 'Button' - br - .l-button-group - +a-button(variant='secondary' icon='trash') - +a-button(variant='secondary' disabled=true icon='trash') - +a-button(variant='secondary' outline=true icon='trash') - +a-button(variant='secondary' outline=true disabled=true icon='trash') + +a-button(icon='trash') + +a-button(disabled=true icon='trash') + +a-button(outline=true icon='trash') + +a-button(outline=true disabled=true icon='trash') + + each theme in ['primary', 'accent', 'positive', 'negative', 'warning'] + .c-box + .l-button-group + +a-button(variant=theme)= 'Button' + +a-button(variant=theme disabled=true)= 'Button' + +a-button(variant=theme outline=true)= 'Button' + +a-button(variant=theme outline=true disabled=true)= 'Button' + br + .l-button-group + +a-button(variant=theme icon='trash') + +a-button(variant=theme disabled=true icon='trash') + +a-button(variant=theme outline=true icon='trash') + +a-button(variant=theme outline=true disabled=true icon='trash') + diff --git a/tpl/views/palette.pug b/tpl/views/palette.pug index 384fe03..c63dea8 100644 --- a/tpl/views/palette.pug +++ b/tpl/views/palette.pug @@ -3,3 +3,6 @@ mixin view-palette each palette in ['base', 'blue', 'purple', 'red', 'green', 'yellow'] .c-box +palette(palette) + each palette in ['blue', 'purple', 'red', 'green', 'yellow'] + .c-box + +palette(palette)(static=true) -- cgit v1.2.3-54-g00ecf