diff options
Diffstat (limited to 'tpl/views')
-rw-r--r-- | tpl/views/blockquote.pug | 6 | ||||
-rw-r--r-- | tpl/views/code.pug | 13 | ||||
-rw-r--r-- | tpl/views/heading.pug | 10 |
3 files changed, 28 insertions, 1 deletions
diff --git a/tpl/views/blockquote.pug b/tpl/views/blockquote.pug new file mode 100644 index 0000000..a346292 --- /dev/null +++ b/tpl/views/blockquote.pug | |||
@@ -0,0 +1,6 @@ | |||
1 | mixin view-blockquote | ||
2 | +view('blockquote', 'Blockquote') | ||
3 | .c-box.s-blockquote | ||
4 | p= loremIpsum | ||
5 | blockquote= loremIpsum | ||
6 | p= loremIpsum | ||
diff --git a/tpl/views/code.pug b/tpl/views/code.pug new file mode 100644 index 0000000..552500d --- /dev/null +++ b/tpl/views/code.pug | |||
@@ -0,0 +1,13 @@ | |||
1 | mixin view-code | ||
2 | +view('code', 'Code') | ||
3 | .c-box.s-body | ||
4 | p= loremIpsum | ||
5 | pre | ||
6 | code. | ||
7 | font-weight: 700; | ||
8 | letter-spacing: 1px; | ||
9 | text-transform: uppercase; | ||
10 | p= loremIpsum | ||
11 | |||
12 | .c-box.s-body. | ||
13 | And here is an #[code inline] code tag. | ||
diff --git a/tpl/views/heading.pug b/tpl/views/heading.pug index a49c93d..efdfb69 100644 --- a/tpl/views/heading.pug +++ b/tpl/views/heading.pug | |||
@@ -1,7 +1,15 @@ | |||
1 | mixin view-heading | 1 | mixin view-heading |
2 | +view('heading', 'Heading') | 2 | +view('heading', 'Heading') |
3 | .c-box | 3 | .c-box |
4 | +div-heading('xxl')= 'XXL Heading' | 4 | h1= 'H1 default' |
5 | h2= 'H2 default' | ||
6 | h3= 'H3 default' | ||
7 | h4= 'H4 default' | ||
8 | h5= 'H5 default' | ||
9 | h6= 'H6 default' | ||
10 | |||
11 | .c-box | ||
12 | +div-heading('xxl', true)= 'XXL Heading' | ||
5 | +div-heading('xl')= 'XL Heading' | 13 | +div-heading('xl')= 'XL Heading' |
6 | +div-heading('lg')= 'LG Heading' | 14 | +div-heading('lg')= 'LG Heading' |
7 | +div-heading('md')= 'MD Heading' | 15 | +div-heading('md')= 'MD Heading' |