diff options
Diffstat (limited to 'tpl/views')
-rw-r--r-- | tpl/views/blockquote.pug | 4 | ||||
-rw-r--r-- | tpl/views/code.pug | 2 | ||||
-rw-r--r-- | tpl/views/heading.pug | 12 |
3 files changed, 13 insertions, 5 deletions
diff --git a/tpl/views/blockquote.pug b/tpl/views/blockquote.pug index a346292..a5dc95c 100644 --- a/tpl/views/blockquote.pug +++ b/tpl/views/blockquote.pug | |||
@@ -1,6 +1,6 @@ | |||
1 | mixin view-blockquote | 1 | mixin view-blockquote |
2 | +view('blockquote', 'Blockquote') | 2 | +view('blockquote', 'Blockquote') |
3 | .c-box.s-blockquote | 3 | .c-box.s-blockquotes |
4 | p= loremIpsum | 4 | p.u-mt-0= loremIpsum |
5 | blockquote= loremIpsum | 5 | blockquote= loremIpsum |
6 | p= loremIpsum | 6 | p= loremIpsum |
diff --git a/tpl/views/code.pug b/tpl/views/code.pug index 552500d..21e16c8 100644 --- a/tpl/views/code.pug +++ b/tpl/views/code.pug | |||
@@ -1,7 +1,7 @@ | |||
1 | mixin view-code | 1 | mixin view-code |
2 | +view('code', 'Code') | 2 | +view('code', 'Code') |
3 | .c-box.s-body | 3 | .c-box.s-body |
4 | p= loremIpsum | 4 | p.u-mt-0= loremIpsum |
5 | pre | 5 | pre |
6 | code. | 6 | code. |
7 | font-weight: 700; | 7 | font-weight: 700; |
diff --git a/tpl/views/heading.pug b/tpl/views/heading.pug index efdfb69..07080d5 100644 --- a/tpl/views/heading.pug +++ b/tpl/views/heading.pug | |||
@@ -1,15 +1,23 @@ | |||
1 | mixin view-heading | 1 | mixin view-heading |
2 | +view('heading', 'Heading') | 2 | +view('heading', 'Heading') |
3 | .c-box | 3 | .c-box |
4 | h1= 'H1 default' | 4 | h1.u-mt-0= 'H1 default' |
5 | h2= 'H2 default' | 5 | h2= 'H2 default' |
6 | h3= 'H3 default' | 6 | h3= 'H3 default' |
7 | h4= 'H4 default' | 7 | h4= 'H4 default' |
8 | h5= 'H5 default' | 8 | h5= 'H5 default' |
9 | h6= 'H6 default' | 9 | h6= 'H6 default' |
10 | 10 | ||
11 | .c-box.s-headings | ||
12 | h1.u-mt-0: span.s-headings__primary= 'H1 styled' | ||
13 | h2= 'H2 styled' | ||
14 | h3= 'H3 styled' | ||
15 | h4= 'H4 styled' | ||
16 | h5= 'H5 styled' | ||
17 | h6= 'H6 styled' | ||
18 | |||
11 | .c-box | 19 | .c-box |
12 | +div-heading('xxl', true)= 'XXL Heading' | 20 | +div-heading('xxl', true)(class='u-mt-0')= 'XXL Heading' |
13 | +div-heading('xl')= 'XL Heading' | 21 | +div-heading('xl')= 'XL Heading' |
14 | +div-heading('lg')= 'LG Heading' | 22 | +div-heading('lg')= 'LG Heading' |
15 | +div-heading('md')= 'MD Heading' | 23 | +div-heading('md')= 'MD Heading' |