summaryrefslogtreecommitdiffstats
path: root/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'tpl')
-rw-r--r--tpl/index.pug2
-rw-r--r--tpl/objects/heading.pug6
-rw-r--r--tpl/views/blockquote.pug4
-rw-r--r--tpl/views/code.pug2
-rw-r--r--tpl/views/heading.pug12
5 files changed, 17 insertions, 9 deletions
diff --git a/tpl/index.pug b/tpl/index.pug
index 7c3696e..7bb59a0 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -36,7 +36,7 @@ mixin view(id, title)
36 views.push({ id, title }); 36 views.push({ id, title });
37 37
38 +container(narrow=true class='u-p-700 c-view' id=id) 38 +container(narrow=true class='u-p-700 c-view' id=id)
39 +h1-heading('xl')= title 39 +h1-heading('xl')(class='u-mt-0')= title
40 +divider('medium') 40 +divider('medium')
41 block 41 block
42 42
diff --git a/tpl/objects/heading.pug b/tpl/objects/heading.pug
index aa3fec9..47ffefa 100644
--- a/tpl/objects/heading.pug
+++ b/tpl/objects/heading.pug
@@ -32,11 +32,11 @@ mixin h6-heading(level)
32 h6(class=classes)&attributes(attributes) 32 h6(class=classes)&attributes(attributes)
33 block 33 block
34 34
35mixin div-heading(level, inner = false) 35mixin div-heading(level, primary = false)
36 - let classes = ['o-heading', 'o-heading--' + level] 36 - let classes = ['o-heading', 'o-heading--' + level]
37 div(class=classes)&attributes(attributes) 37 div(class=classes)&attributes(attributes)
38 if inner 38 if primary
39 span.o-heading__inner 39 span.o-heading__primary
40 block 40 block
41 else 41 else
42 block 42 block
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 @@
1mixin view-blockquote 1mixin 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 @@
1mixin view-code 1mixin 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 @@
1mixin view-heading 1mixin 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'