summaryrefslogtreecommitdiffstats
path: root/tpl/views
diff options
context:
space:
mode:
Diffstat (limited to 'tpl/views')
-rw-r--r--tpl/views/heading.pug20
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'