diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-10 15:24:44 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-10 15:24:44 +0100 |
| commit | 992332a0a02519f1155eca113353aa7dafe362ec (patch) | |
| tree | 4504e14ba2700357fbb6cccb38e34478880e7251 /tpl/views | |
| parent | Fix lightbox thumbnails when viewport too narrow (diff) | |
| download | iro-design-992332a0a02519f1155eca113353aa7dafe362ec.tar.gz iro-design-992332a0a02519f1155eca113353aa7dafe362ec.tar.bz2 iro-design-992332a0a02519f1155eca113353aa7dafe362ec.zip | |
Added smaller set of headings
Diffstat (limited to 'tpl/views')
| -rw-r--r-- | tpl/views/heading.pug | 20 |
1 files changed, 18 insertions, 2 deletions
diff --git a/tpl/views/heading.pug b/tpl/views/heading.pug index 07080d5..bc16cee 100644 --- a/tpl/views/heading.pug +++ b/tpl/views/heading.pug | |||
| @@ -9,17 +9,33 @@ mixin view-heading | |||
| 9 | h6= 'H6 default' | 9 | h6= 'H6 default' |
| 10 | 10 | ||
| 11 | .c-box.s-headings | 11 | .c-box.s-headings |
| 12 | h1.u-mt-0: span.s-headings__primary= 'H1 styled' | 12 | h1.u-mt-0= 'H1 styled' |
| 13 | h2= 'H2 styled' | 13 | h2= 'H2 styled' |
| 14 | h3= 'H3 styled' | 14 | h3= 'H3 styled' |
| 15 | h4= 'H4 styled' | 15 | h4= 'H4 styled' |
| 16 | h5= 'H5 styled' | 16 | h5= 'H5 styled' |
| 17 | h6= 'H6 styled' | 17 | h6= 'H6 styled' |
| 18 | 18 | ||
| 19 | .c-box.s-headings.s-headings--display | ||
| 20 | h1.u-mt-0= 'H1 display styled' | ||
| 21 | h2= 'H2 display styled' | ||
| 22 | h3= 'H3 display styled' | ||
| 23 | h4= 'H4 display styled' | ||
| 24 | h5= 'H5 display styled' | ||
| 25 | h6= 'H6 display styled' | ||
| 26 | |||
| 19 | .c-box | 27 | .c-box |
| 20 | +div-heading('xxl', true)(class='u-mt-0')= 'XXL Heading' | 28 | +div-heading('xxl')(class='u-mt-0')= 'XXL Heading' |
| 21 | +div-heading('xl')= 'XL Heading' | 29 | +div-heading('xl')= 'XL Heading' |
| 22 | +div-heading('lg')= 'LG Heading' | 30 | +div-heading('lg')= 'LG Heading' |
| 23 | +div-heading('md')= 'MD Heading' | 31 | +div-heading('md')= 'MD Heading' |
| 24 | +div-heading('sm')= 'SM Heading' | 32 | +div-heading('sm')= 'SM Heading' |
| 25 | +div-heading('xs')= 'XS Heading' | 33 | +div-heading('xs')= 'XS Heading' |
| 34 | |||
| 35 | .c-box | ||
| 36 | +div-heading('xxl', true)(class='u-mt-0')= 'XXL display Heading' | ||
| 37 | +div-heading('xl', true)= 'XL display Heading' | ||
| 38 | +div-heading('lg', true)= 'LG display Heading' | ||
| 39 | +div-heading('md', true)= 'MD display Heading' | ||
| 40 | +div-heading('sm', true)= 'SM display Heading' | ||
| 41 | +div-heading('xs', true)= 'XS display Heading' | ||