jekyll-theme-meliora 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +48 -0
- data/_data/menus.yml +24 -0
- data/_includes/all-posts.html +5 -0
- data/_includes/blog-nav-menu.html +39 -0
- data/_includes/category-nav-menu.html +7 -0
- data/_includes/contact-form.html +27 -0
- data/_includes/current-status.html +11 -0
- data/_includes/footer.html +4 -0
- data/_includes/head.html +11 -0
- data/_includes/image.html +6 -0
- data/_includes/kindle-embed.html +6 -0
- data/_includes/nav-menu.html +11 -0
- data/_includes/noscript.html +11 -0
- data/_includes/paginated-posts.html +33 -0
- data/_includes/post-info.html +9 -0
- data/_includes/post-list-meta.html +16 -0
- data/_includes/post-meta.html +14 -0
- data/_includes/scripts.html +21 -0
- data/_includes/sharing-nav-menu.html +11 -0
- data/_includes/skip-nav.html +1 -0
- data/_includes/status-loop.html +13 -0
- data/_includes/styles.html +5 -0
- data/_includes/styles/blue.scss +16 -0
- data/_includes/styles/bluegray.scss +16 -0
- data/_includes/styles/cyan.scss +16 -0
- data/_includes/styles/deeporange.scss +16 -0
- data/_includes/styles/deeppurple.scss +16 -0
- data/_includes/styles/green.scss +16 -0
- data/_includes/styles/indigo.scss +16 -0
- data/_includes/styles/lightblue.scss +16 -0
- data/_includes/styles/orange.scss +16 -0
- data/_includes/styles/pink.scss +16 -0
- data/_includes/styles/purple.scss +16 -0
- data/_includes/styles/red.scss +16 -0
- data/_includes/styles/teal.scss +16 -0
- data/_includes/thanks-for-reading.html +4 -0
- data/_includes/top-link.html +1 -0
- data/_includes/youtube.html +6 -0
- data/_layouts/archive.html +11 -0
- data/_layouts/default.html +13 -0
- data/_layouts/home.html +12 -0
- data/_layouts/page.html +12 -0
- data/_layouts/post.html +24 -0
- data/_sass/meliora.scss +11 -0
- data/_sass/meliora/_base.scss +120 -0
- data/_sass/meliora/_components.scss +87 -0
- data/_sass/meliora/_generic.scss +67 -0
- data/_sass/meliora/_objects.scss +5 -0
- data/_sass/meliora/_settings.scss +39 -0
- data/_sass/meliora/_tools.scss +4 -0
- data/_sass/meliora/_trumps.scss +48 -0
- data/_sass/meliora/themes/blue.scss +17 -0
- data/_sass/meliora/themes/bluegray.scss +18 -0
- data/_sass/meliora/themes/cyan.scss +17 -0
- data/_sass/meliora/themes/deeporange.scss +17 -0
- data/_sass/meliora/themes/deeppurple.scss +17 -0
- data/_sass/meliora/themes/default.scss +17 -0
- data/_sass/meliora/themes/green.scss +17 -0
- data/_sass/meliora/themes/indigo.scss +17 -0
- data/_sass/meliora/themes/lightblue.scss +17 -0
- data/_sass/meliora/themes/orange.scss +17 -0
- data/_sass/meliora/themes/pink.scss +17 -0
- data/_sass/meliora/themes/purple.scss +17 -0
- data/_sass/meliora/themes/red.scss +17 -0
- data/_sass/meliora/themes/teal.scss +17 -0
- data/assets/css/highlightjs/xcode.css +93 -0
- data/assets/css/main.scss +14 -0
- data/assets/js/highlight.pack.js +2 -0
- data/assets/js/jquery-3.1.1.min.js +4 -0
- data/assets/js/jquery.fitvids.js +87 -0
- metadata +257 -0
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/cyan";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/deeporange";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/deeppurple";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/green";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/indigo";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/lightblue";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/orange";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/pink";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/purple";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/red";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
// Material design colors for a consistent look.
|
6
|
+
// All color schemes live in _sass/material-colors.
|
7
|
+
// To change color scheme, change this import statement.
|
8
|
+
@import "material-colors/teal";
|
9
|
+
// Everything else.
|
10
|
+
@import "settings";
|
11
|
+
@import "tools";
|
12
|
+
@import "generic";
|
13
|
+
@import "base";
|
14
|
+
@import "objects";
|
15
|
+
@import "components";
|
16
|
+
@import "trumps";
|
@@ -0,0 +1 @@
|
|
1
|
+
<div id="top_link"><a href="#page_header" class="link">Back to Top ↑</a></div>
|
@@ -0,0 +1,6 @@
|
|
1
|
+
<figure class="bg-material50 border-material400">
|
2
|
+
<iframe class="video-embed" width="560" height="315" src="{{ include.src }}" frameborder="0" allowfullscreen> </iframe>
|
3
|
+
{% if include.caption %}
|
4
|
+
<figcaption>{{ include.caption | markdownify }}</figcaption>
|
5
|
+
{% endif %}
|
6
|
+
</figure>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<header id="page_header">
|
5
|
+
{% include skip-nav.html %}
|
6
|
+
{% include nav-menu.html id="page_nav" aria_label="Page Menu" class="flat_nav_menu" menu="archive" %}
|
7
|
+
</header>
|
8
|
+
<main id="main_content">
|
9
|
+
{{ content }}
|
10
|
+
</main>
|
11
|
+
{% include footer.html %}
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,12 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<header id="page_header">
|
5
|
+
{% include skip-nav.html %}
|
6
|
+
{% include nav-menu.html id="page_nav" aria_label="Page Menu" class="flat_nav_menu" menu="home" %}
|
7
|
+
</header>
|
8
|
+
{% include noscript.html %}
|
9
|
+
<main id="main_content">
|
10
|
+
{{ content }}
|
11
|
+
</main>
|
12
|
+
{% include footer.html %}
|
data/_layouts/page.html
ADDED
@@ -0,0 +1,12 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<header id="page_header">
|
5
|
+
{% include skip-nav.html %}
|
6
|
+
{% include nav-menu.html id="page_nav" aria_label="Page Menu" class="flat_nav_menu" menu="page" %}
|
7
|
+
</header>
|
8
|
+
{% include noscript.html %}
|
9
|
+
<main id="main_content">
|
10
|
+
{{ content }}
|
11
|
+
</main>
|
12
|
+
{% include footer.html %}
|
data/_layouts/post.html
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<header id="page_header">
|
5
|
+
{% include skip-nav.html %}
|
6
|
+
{% include nav-menu.html id="page_nav" aria_label="Page Menu" class="flat_nav_menu" menu="post" %}
|
7
|
+
</header>
|
8
|
+
{% include noscript.html %}
|
9
|
+
<main id="main_content">
|
10
|
+
<article>
|
11
|
+
<header id="article_header">
|
12
|
+
<h1>{% unless page.altTitle %}{{ page.title }}{% else %}{{ page.altTitle | markdownify | remove: '<p>' | remove: '</p>' | strip }}{% endunless %}</h1>
|
13
|
+
{% include post-meta.html %}
|
14
|
+
</header>
|
15
|
+
<section id="article_content">
|
16
|
+
{{ content }}
|
17
|
+
</section>
|
18
|
+
<footer id="article_footer">
|
19
|
+
{% include thanks-for-reading.html %}
|
20
|
+
{% include post-info.html %}
|
21
|
+
</footer>
|
22
|
+
</article>
|
23
|
+
</main>
|
24
|
+
{% include footer.html %}
|
data/_sass/meliora.scss
ADDED
@@ -0,0 +1,11 @@
|
|
1
|
+
// matthewgraybosch.com
|
2
|
+
// uses ITCSS architecture.
|
3
|
+
// See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.dm4sr8ywt for details.
|
4
|
+
|
5
|
+
@import "meliora/settings";
|
6
|
+
@import "meliora/tools";
|
7
|
+
@import "meliora/generic";
|
8
|
+
@import "meliora/base";
|
9
|
+
@import "meliora/objects";
|
10
|
+
@import "meliora/components";
|
11
|
+
@import "meliora/trumps";
|
@@ -0,0 +1,120 @@
|
|
1
|
+
/*
|
2
|
+
* Base. These are element styles — no classes or IDs. Base typography styles go here, as well as anything needed to style raw elements.
|
3
|
+
* See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
|
4
|
+
*/
|
5
|
+
|
6
|
+
html {
|
7
|
+
font-size: $fontSize;
|
8
|
+
|
9
|
+
// body-border shenanigans from https://css-tricks.com/body-border/
|
10
|
+
body:before, body:after {
|
11
|
+
content: "";
|
12
|
+
position: fixed;
|
13
|
+
background: $material500;
|
14
|
+
left: 0;
|
15
|
+
right: 0;
|
16
|
+
height: 5px;
|
17
|
+
}
|
18
|
+
|
19
|
+
body:before {
|
20
|
+
top: 0;
|
21
|
+
}
|
22
|
+
|
23
|
+
body:after {
|
24
|
+
bottom: 0;
|
25
|
+
}
|
26
|
+
|
27
|
+
body {
|
28
|
+
font-family: $systemSansSerif;
|
29
|
+
line-height: $lineHeight;
|
30
|
+
max-width: $maxWidth;
|
31
|
+
margin: $margin;
|
32
|
+
padding: $padding;
|
33
|
+
color: $materialGray900;
|
34
|
+
background-color: $materialWhite;
|
35
|
+
-webkit-text-size-adjust: 100%;
|
36
|
+
-webkit-font-feature-settings: "kern" 1;
|
37
|
+
-moz-font-feature-settings: "kern" 1;
|
38
|
+
-o-font-feature-settings: "kern" 1;
|
39
|
+
font-feature-settings: "kern" 1;
|
40
|
+
font-kerning: normal;
|
41
|
+
|
42
|
+
h1, h2, h3, h4, h5, h6 {
|
43
|
+
color: $material900;
|
44
|
+
line-height: $headingLineHeight;
|
45
|
+
font-family: $systemSerif;
|
46
|
+
}
|
47
|
+
|
48
|
+
code, pre {
|
49
|
+
font-family: $systemMonospace;
|
50
|
+
}
|
51
|
+
|
52
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, dl, figure, %vertical-rhythm {
|
53
|
+
margin-bottom: $spacing-unit / 2;
|
54
|
+
}
|
55
|
+
|
56
|
+
/**
|
57
|
+
* Blockquotes
|
58
|
+
*/
|
59
|
+
blockquote {
|
60
|
+
color: $material700;
|
61
|
+
border-left: 4px solid $material200;
|
62
|
+
padding-left: $spacing-unit / 2;
|
63
|
+
font-style: italic;
|
64
|
+
|
65
|
+
> :last-child {
|
66
|
+
margin-bottom: 0;
|
67
|
+
}
|
68
|
+
}
|
69
|
+
|
70
|
+
footer {
|
71
|
+
font-size: .75rem;
|
72
|
+
}
|
73
|
+
|
74
|
+
/**
|
75
|
+
* Code formatting
|
76
|
+
*/
|
77
|
+
pre {
|
78
|
+
margin-left: 0;
|
79
|
+
margin-right: 0;
|
80
|
+
padding: .25rem;
|
81
|
+
width: 100%;
|
82
|
+
max-width: 100%;
|
83
|
+
border: 1px solid $material200;
|
84
|
+
background-color: $materialWhite;
|
85
|
+
overflow: auto;
|
86
|
+
}
|
87
|
+
|
88
|
+
form, figure {
|
89
|
+
margin-left: 0;
|
90
|
+
margin-right: 0;
|
91
|
+
border-width: 1px;
|
92
|
+
border-style: solid;
|
93
|
+
padding: .5rem;
|
94
|
+
max-width: 100%;
|
95
|
+
}
|
96
|
+
|
97
|
+
figcaption {
|
98
|
+
font-size: .85rem;
|
99
|
+
text-align: right;
|
100
|
+
}
|
101
|
+
|
102
|
+
img, iframe {
|
103
|
+
max-width: 100%;
|
104
|
+
vertical-align: middle;
|
105
|
+
border: 1px solid $material300;
|
106
|
+
}
|
107
|
+
|
108
|
+
nav {
|
109
|
+
width: 100%;
|
110
|
+
ul {
|
111
|
+
list-style: none;
|
112
|
+
padding: 0px;
|
113
|
+
margin: 0px;
|
114
|
+
li {
|
115
|
+
line-height: 2;
|
116
|
+
}
|
117
|
+
}
|
118
|
+
}
|
119
|
+
}
|
120
|
+
}
|
@@ -0,0 +1,87 @@
|
|
1
|
+
/*
|
2
|
+
* Components. This is mostly a cosmetic layer — this is where I included more specific styling instructions for objects. Without the components layer, the site would still have its structure, but would look like a gray-box wireframe.
|
3
|
+
* See https://medium.com/@jordankoschei/how-i-shrank-my-css-by-84kb-by-refactoring-with-itcss-2e8dafee123a#.tbp9yocm3 for details.
|
4
|
+
*/
|
5
|
+
|
6
|
+
.small, .reading_time {
|
7
|
+
font-size: .75rem;
|
8
|
+
}
|
9
|
+
|
10
|
+
.bold {
|
11
|
+
font-weight: bold;
|
12
|
+
}
|
13
|
+
|
14
|
+
.normal_font_size {
|
15
|
+
font-size: $fontSize;
|
16
|
+
}
|
17
|
+
|
18
|
+
.hidden {
|
19
|
+
display: none;
|
20
|
+
}
|
21
|
+
|
22
|
+
.float_right {
|
23
|
+
float: right;
|
24
|
+
}
|
25
|
+
|
26
|
+
.container::before, .container::after {
|
27
|
+
content:"";
|
28
|
+
display:table;
|
29
|
+
}
|
30
|
+
.container::after {
|
31
|
+
clear:both;
|
32
|
+
}
|
33
|
+
.container {
|
34
|
+
zoom:1; /* For IE 6/7 (trigger hasLayout) */
|
35
|
+
}
|
36
|
+
|
37
|
+
.form_row {
|
38
|
+
width: 100%;
|
39
|
+
|
40
|
+
label {
|
41
|
+
font-weight: bold;
|
42
|
+
font-size: .9rem;
|
43
|
+
}
|
44
|
+
|
45
|
+
label, input, textarea {
|
46
|
+
width: 100%;
|
47
|
+
-moz-box-sizing: border-box;
|
48
|
+
-ms-box-sizing: border-box;
|
49
|
+
-webkit-box-sizing: border-box;
|
50
|
+
box-sizing: border-box;
|
51
|
+
}
|
52
|
+
|
53
|
+
button {
|
54
|
+
width: 120px;
|
55
|
+
-moz-box-sizing: border-box;
|
56
|
+
-ms-box-sizing: border-box;
|
57
|
+
-webkit-box-sizing: border-box;
|
58
|
+
box-sizing: border-box;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
|
62
|
+
.right_align_contents, .form_row_right_align {
|
63
|
+
text-align: right;
|
64
|
+
}
|
65
|
+
|
66
|
+
.center_contents {
|
67
|
+
text-align: center;
|
68
|
+
}
|
69
|
+
|
70
|
+
.post_list {
|
71
|
+
margin-bottom: 2.5rem;
|
72
|
+
}
|
73
|
+
|
74
|
+
#article_footer {
|
75
|
+
margin-top: 1rem;
|
76
|
+
border-top: 1px solid $material800;
|
77
|
+
|
78
|
+
h2 {
|
79
|
+
font-size: $fontSize;
|
80
|
+
}
|
81
|
+
}
|
82
|
+
|
83
|
+
#page_footer {
|
84
|
+
margin-top: 1.5rem;
|
85
|
+
border-top: 2px solid $material500;
|
86
|
+
text-align: center;
|
87
|
+
}
|