summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-06-25 11:11:05 +0200
committerVolpeon <git@volpeon.ink>2024-06-25 11:11:05 +0200
commitb566769679473b91d2f63406fba7cc3b44c4fcc1 (patch)
tree24fe359c8922bc250ad8cce8cba688d5c8c72235 /tpl
parentFix button style (diff)
downloadiro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.tar.gz
iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.tar.bz2
iro-design-b566769679473b91d2f63406fba7cc3b44c4fcc1.zip
Update
Diffstat (limited to 'tpl')
-rw-r--r--tpl/objects/checkbox.pug1
-rw-r--r--tpl/objects/radio.pug1
-rw-r--r--tpl/views/badge.pug67
-rw-r--r--tpl/views/button.pug19
4 files changed, 19 insertions, 69 deletions
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
16 +icon('check')(class='o-checkbox__check-icon') 16 +icon('check')(class='o-checkbox__check-icon')
17 .o-checkbox__label 17 .o-checkbox__label
18 block 18 block
19 .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
10 .o-radio__circle 10 .o-radio__circle
11 .o-radio__label 11 .o-radio__label
12 block 12 block
13 .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
3 .c-box 3 .c-box
4 +badge(size='sm' href='#')= '50' 4 +badge(size='sm' href='#')= '50'
5 = ' ' 5 = ' '
6 +badge= '100' 6 +badge(href='#')= '100'
7 = ' ' 7 = ' '
8 +badge(size='lg' href='#')= '200' 8 +badge(size='lg' href='#')= '200'
9 = ' ' 9 = ' '
10 +badge(size='xl' href='#')= '300' 10 +badge(size='xl' href='#')= '300'
11 11
12 .c-box 12 .c-box
13 +badge(size='sm' href='#' quiet=true)= '50' 13 +badge(href='#')= '100'
14 = ' ' 14 = ' '
15 +badge(quiet=true)= '100' 15 +badge(quiet=true href='#')= '100'
16 = ' ' 16 = ' '
17 +badge(size='lg' href='#' quiet=true)= '200' 17 +badge(pill=true href='#')= '100'
18 = ' ' 18 = ' '
19 +badge(size='xl' href='#' quiet=true)= '300' 19 +badge(quiet=true pill=true href='#')= '100'
20 20
21 each theme in ['accent', 'positive', 'negative', 'warning'] 21 each theme in ['accent', 'positive', 'negative', 'warning']
22 .c-box 22 .c-box
23 +badge(theme)(size='sm' href='#')= 'new' 23 +badge(theme)(href='#')= 'new'
24 = ' ' 24 = ' '
25 +badge(theme)= 'new' 25 +badge(theme)(quiet=true href='#')= 'new'
26 = ' ' 26 = ' '
27 +badge(theme)(size='lg' href='#')= 'new' 27 +badge(theme)(pill=true href='#')= 'new'
28 = ' ' 28 = ' '
29 +badge(theme)(size='xl' href='#')= 'new' 29 +badge(theme)(quiet=true pill=true href='#')= 'new'
30 30
31 .c-box 31 each theme in ['static-black', 'static-white']
32 +badge(theme)(size='sm' href='#' quiet=true)= 'new' 32 -
33 = ' ' 33 const bg = theme.startsWith('static-black') ? 500 : 1000;
34 +badge(theme)(quiet=true)= 'new'
35 = ' '
36 +badge(theme)(size='lg' href='#' quiet=true)= 'new'
37 = ' '
38 +badge(theme)(size='xl' href='#' quiet=true)= 'new'
39 34
40 .c-box 35 .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
41 +badge(size='sm', pill=true)= '50' 36 +badge(theme)(href='#')= 'new'
42 = ' '
43 +badge(pill=true)= '100'
44 = ' '
45 +badge(size='lg' pill=true)= '200'
46 = ' '
47 +badge(size='xl' pill=true)= '300'
48
49 .c-box
50 +badge(size='sm' pill=true quiet=true)= 'new'
51 = ' '
52 +badge(pill=true quiet=true)= 'new'
53 = ' '
54 +badge(size='lg' pill=true quiet=true)= 'new'
55 = ' '
56 +badge(size='xl' pill=true quiet=true)= 'new'
57
58 each theme in ['accent', 'positive', 'negative', 'warning']
59 .c-box
60 +badge(theme)(size='sm' pill=true href='#')= 'new'
61 = ' '
62 +badge(theme)(pill=true)= 'new'
63 = ' '
64 +badge(theme)(size='lg' pill=true href='#')= 'new'
65 = ' '
66 +badge(theme)(size='xl' pill=true href='#')= 'new'
67
68 .c-box
69 +badge(theme)(size='sm' pill=true href='#' quiet=true)= 'new'
70 = ' ' 37 = ' '
71 +badge(theme)(pill=true quiet=true)= 'new' 38 +badge(theme)(quiet=true href='#')= 'new'
72 = ' ' 39 = ' '
73 +badge(theme)(size='lg' pill=true href='#' quiet=true)= 'new' 40 +badge(theme)(pill=true href='#')= 'new'
74 = ' ' 41 = ' '
75 +badge(theme)(size='xl' pill=true href='#' quiet=true)= 'new' 42 +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
8 +a-button(size='lg')= 'Button' 8 +a-button(size='lg')= 'Button'
9 = ' ' 9 = ' '
10 +a-button(size='xl')= 'Button' 10 +a-button(size='xl')= 'Button'
11 br 11
12 +a-button(size='sm' disabled=true)= 'Button' 12 .c-box
13 = ' '
14 +a-button(disabled=true)= 'Button'
15 = ' '
16 +a-button(size='lg' disabled=true)= 'Button'
17 = ' '
18 +a-button(size='xl' disabled=true)= 'Button'
19 br
20 +a-button(size='sm' outline=true)= 'Button' 13 +a-button(size='sm' outline=true)= 'Button'
21 = ' ' 14 = ' '
22 +a-button(outline=true)= 'Button' 15 +a-button(outline=true)= 'Button'
@@ -24,14 +17,6 @@ mixin view-button
24 +a-button(size='lg' outline=true)= 'Button' 17 +a-button(size='lg' outline=true)= 'Button'
25 = ' ' 18 = ' '
26 +a-button(size='xl' outline=true)= 'Button' 19 +a-button(size='xl' outline=true)= 'Button'
27 br
28 +a-button(size='sm' outline=true disabled=true)= 'Button'
29 = ' '
30 +a-button(outline=true disabled=true)= 'Button'
31 = ' '
32 +a-button(size='lg' outline=true disabled=true)= 'Button'
33 = ' '
34 +a-button(size='xl' outline=true disabled=true)= 'Button'
35 20
36 .c-box 21 .c-box
37 .l-button-group 22 .l-button-group