diff options
| author | Volpeon <git@volpeon.ink> | 2022-02-11 18:49:39 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-02-11 18:49:39 +0100 |
| commit | 75857aedd1c6b58e6cf5ffaf184e994e4e2d52db (patch) | |
| tree | 1f9d7a4be948ef54cbaf23e8b574d988edfdff70 /tpl | |
| parent | Added backdrop and dialog (diff) | |
| download | iro-design-75857aedd1c6b58e6cf5ffaf184e994e4e2d52db.tar.gz iro-design-75857aedd1c6b58e6cf5ffaf184e994e4e2d52db.tar.bz2 iro-design-75857aedd1c6b58e6cf5ffaf184e994e4e2d52db.zip | |
Added button group
Diffstat (limited to 'tpl')
| -rw-r--r-- | tpl/index.pug | 42 | ||||
| -rw-r--r-- | tpl/objects/dialog.pug | 2 |
2 files changed, 18 insertions, 26 deletions
diff --git a/tpl/index.pug b/tpl/index.pug index 0b74ed8..605fa35 100644 --- a/tpl/index.pug +++ b/tpl/index.pug | |||
| @@ -88,31 +88,23 @@ html | |||
| 88 | +rule('medium') | 88 | +rule('medium') |
| 89 | 89 | ||
| 90 | +box | 90 | +box |
| 91 | +a-button(variant='accent')= 'Button' | 91 | .l-button-group |
| 92 | = ' ' | 92 | +a-button(variant='accent')= 'Button' |
| 93 | +a-button(variant='accent' disabled=true)= 'Button' | 93 | +a-button(variant='accent' disabled=true)= 'Button' |
| 94 | = ' ' | 94 | +a-button(variant='accent' outline=true)= 'Button' |
| 95 | +a-button(variant='accent' outline=true)= 'Button' | 95 | +a-button(variant='accent' outline=true disabled=true)= 'Button' |
| 96 | = ' ' | 96 | br |
| 97 | +a-button(variant='accent' outline=true disabled=true)= 'Button' | 97 | .l-button-group |
| 98 | br | 98 | +a-button(variant='primary')= 'Button' |
| 99 | br | 99 | +a-button(variant='primary' disabled=true)= 'Button' |
| 100 | +a-button(variant='primary')= 'Button' | 100 | +a-button(variant='primary' outline=true)= 'Button' |
| 101 | = ' ' | 101 | +a-button(variant='primary' outline=true disabled=true)= 'Button' |
| 102 | +a-button(variant='primary' disabled=true)= 'Button' | 102 | br |
| 103 | = ' ' | 103 | .l-button-group |
| 104 | +a-button(variant='primary' outline=true)= 'Button' | 104 | +a-button(variant='secondary')= 'Button' |
| 105 | = ' ' | 105 | +a-button(variant='secondary' disabled=true)= 'Button' |
| 106 | +a-button(variant='primary' outline=true disabled=true)= 'Button' | 106 | +a-button(variant='secondary' outline=true)= 'Button' |
| 107 | br | 107 | +a-button(variant='secondary' outline=true disabled=true)= 'Button' |
| 108 | br | ||
| 109 | +a-button(variant='secondary')= 'Button' | ||
| 110 | = ' ' | ||
| 111 | +a-button(variant='secondary' disabled=true)= 'Button' | ||
| 112 | = ' ' | ||
| 113 | +a-button(variant='secondary' outline=true)= 'Button' | ||
| 114 | = ' ' | ||
| 115 | +a-button(variant='secondary' outline=true disabled=true)= 'Button' | ||
| 116 | 108 | ||
| 117 | //----------------------------------------- | 109 | //----------------------------------------- |
| 118 | 110 | ||
diff --git a/tpl/objects/dialog.pug b/tpl/objects/dialog.pug index 2cbbd4f..3cbe95e 100644 --- a/tpl/objects/dialog.pug +++ b/tpl/objects/dialog.pug | |||
| @@ -10,7 +10,7 @@ mixin dialog(title) | |||
| 10 | +rule('medium') | 10 | +rule('medium') |
| 11 | section.o-dialog__body | 11 | section.o-dialog__body |
| 12 | block | 12 | block |
| 13 | footer.o-dialog__footer | 13 | footer.o-dialog__footer.l-button-group |
| 14 | +a-button(outline=true)= 'Cancel' | 14 | +a-button(outline=true)= 'Cancel' |
| 15 | = ' ' | 15 | = ' ' |
| 16 | +a-button(outline=true variant='primary')= 'Continue' | 16 | +a-button(outline=true variant='primary')= 'Continue' |