jekyll-theme-consulting 0.2.12 → 0.3.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (22) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +3 -2
  3. data/_includes/header.html +1 -39
  4. data/_includes/language.html +9 -7
  5. data/_includes/logo.html +1 -0
  6. data/_includes/navigation.html +2 -7
  7. data/_includes/sidebar.html +5 -2
  8. data/_includes/social.html +38 -0
  9. data/_includes/toggle.html +5 -0
  10. data/_layouts/default.html +2 -0
  11. data/_sass/base/_typography.scss +183 -133
  12. data/_sass/components/_facts.scss +1 -1
  13. data/_sass/components/_icons.scss +21 -16
  14. data/_sass/components/_section.scss +38 -24
  15. data/_sass/layout/_footer.scss +20 -8
  16. data/_sass/layout/_header.scss +49 -30
  17. data/_sass/layout/_main.scss +18 -18
  18. data/_sass/layout/_menu.scss +131 -68
  19. data/_sass/layout/_sidebar.scss +118 -63
  20. data/_sass/libs/_vars.scss +11 -2
  21. data/assets/js/main.js +13 -2
  22. metadata +5 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2eb1ac9a852eb719fa61ab85f5b92529003c8c002a8b7b79ebd2bc7c39779c3a
4
- data.tar.gz: b6f542399309b61c0ca27187e0cf3be26909a5952c9aa5d005a97d8c34522eeb
3
+ metadata.gz: 5cd291036a290cbcd90e9abbd5e072b393732592e99dbfc889ee5f1c2d606871
4
+ data.tar.gz: 8cc6d354fa9dff9cf1290304906f9ec6c5648892a2073accd03ec34456cb7aee
5
5
  SHA512:
6
- metadata.gz: e3389e967a380fd6a9964c5d45de0ed0ceb411a510ea15b5c03f23419542c2cad01b80a5a7f7c1c377bd6efbb7c38bd82d574eccbe94f0089040ff427cc55390
7
- data.tar.gz: 8bbd1aea54fa491abf2bdc1e9b22b61205bb7d4cabfd592b524c1bd6fc11aff016a9630ef85b850540fb6fa0f519d3f566b499a95b438b07ba581b6e96ee7777
6
+ metadata.gz: 260a13b717a1dc96be45b71d449a9d6b027cc446c8031ce20e0c7d5f13f6251bcaaa0b36273f937633f78e85687652fe6e26e260993b9003028764738e3f4ab8
7
+ data.tar.gz: 6ba9553b79648f074aa7527e56a1567816ad77127c7308d61da1d392e24f1363fcda4b2fabf9cc7013ec1665778fa36aceaa6da0b124e36604821d5f1a5e0fa5
data/_includes/footer.html CHANGED
@@ -1,5 +1,6 @@
1
1
  <!-- Footer -->
2
2
  <footer id="footer">
3
- <p class="copyright">&copy; {{ site.copyright_holder }}. All rights reserved.<br />
4
- Design: <a href="https://github.com/moodule">MOODULE</a>.</p>
3
+ <section class="inverted">
4
+ <p class="copyright">&copy; {{ site.copyright_holder }}. All rights reserved. Design: <a href="https://github.com/moodule">MOODULE</a>.</p>
5
+ </section>
5
6
  </footer>
data/_includes/header.html CHANGED
@@ -1,45 +1,7 @@
1
1
  <!-- Header -->
2
2
  <header id="header">
3
- <a href="{{ '' | absolute_url }}" style="flex: 0 0 0; border-bottom: none;">
4
- <span class="icon"><img src="{{ 'assets/images/logo.svg' | absolute_url }}" width="24" height="24"></span>
5
- </a>&nbsp;
6
3
  <a href="{{ '' | absolute_url }}" class="logo">
7
4
  <strong>{{ include.title }}</strong> - {{ include.subtitle }}
8
5
  </a>
9
- <ul class="icons language">
10
- {% include language.html %}
11
- {% if site.twitter_url %}
12
- <li><a href="{{ site.twitter_url }}" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
13
- {% endif %}
14
- {% if site.facebook_url %}
15
- <li><a href="{{ site.facebook_url }}" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
16
- {% endif %}
17
- {% if site.snapchat_url %}
18
- <li><a href="{{ site.snapchat_url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Facebook</span></a></li>
19
- {% endif %}
20
- {% if site.medium_url %}
21
- <li><a href="{{ site.medium_url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Facebook</span></a></li>
22
- {% endif %}
23
- {% if site.instagram_url %}
24
- <li><a href="{{ site.instagram_url }}" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
25
- {% endif %}
26
- {% if site.pinterest_url %}
27
- <li><a href="{{ site.pinterest_url }}" class="icon brands fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
28
- {% endif %}
29
- {% if site.500px_url %}
30
- <li><a href="{{ site.500px_url }}" class="icon brands fa-500px" target="_blank"><span class="label">500px</span></a></li>
31
- {% endif %}
32
- {% if site.gitlab_url %}
33
- <li><a href="{{ site.gitlab_url }}" class="icon brands fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
34
- {% endif %}
35
- {% if site.github_url %}
36
- <li><a href="{{ site.github_url }}" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
37
- {% endif %}
38
- {% if site.slack_url %}
39
- <li><a href="{{ site.slack_url }}" class="icon brands fa-slack" target="_blank"><span class="label">Slack</span></a></li>
40
- {% endif %}
41
- {% if site.linkedin_url %}
42
- <li><a href="{{ site.linkedin_url }}" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
43
- {% endif %}
44
- </ul>
6
+ {% include language.html %}
45
7
  </header>
data/_includes/language.html CHANGED
@@ -1,10 +1,12 @@
1
1
  {% assign posts=site.posts | where:"lang-ref", page.lang-ref | sort: 'lang' %}
2
2
  {% assign pages=site.pages | where:"lang-ref", page.lang-ref | sort: 'lang' | concat: posts %}
3
3
 
4
- {% for page in pages %}
5
- {% if page.lang != "x-default" %}
6
- <li>
7
- <a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
8
- </li>
9
- {% endif%}
10
- {% endfor %}
4
+ <ul class="language">
5
+ {% for page in pages %}
6
+ {% if page.lang != "x-default" %}
7
+ <li>
8
+ <a href="{{ page.url | absolute_url }}" class="{{ page.lang }}">{{ page.lang }}</a>
9
+ </li>
10
+ {% endif%}
11
+ {% endfor %}
12
+ </ul>
data/_includes/logo.html ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" image-rendering="optimizeQuality" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 46296.26 40689.13"><defs/><g id="Layer_x0020_1"><g id="_1761831900240"><path d="M23204.91 7530.98c2944.63-3188.84 6384.04-4639.01 10366.38-4077.21 4110.34 579.88 7609.97 3518.41 8854.17 7479.01 957.39 3047.58 559.96 6460.83-722.09 9573.35-1993.98 4840.97-7886.31 11722.09-18555.24 16532.85C12479.21 32228.22 6586.88 25347.1 4592.89 20506.13c-1282.05-3112.52-1679.47-6525.77-722.09-9573.35 1244.19-3960.6 4743.83-6899.13 8854.17-7479.01 3982.46-561.82 7421.94 888.46 10366.64 4077.48 5.4 5.84 56.52 61.37 56.53 61.36.04.04 51.9-56.36 56.79-61.63zm-56.79-4522.44C16716.43-2039.47 6635.87-722.29 2000.47 6864.48 461.39 9383.51-116.67 12312.23 19.17 15219.93c235.64 5043.59 2412.75 9452.27 5610.61 13256.78 4306.02 5122.9 10531.26 9148.59 17382.21 12152.72 9.53 4.18 88.63 38.56 136.13 59.69 41.66-17.53 114.6-50.41 137.01-60.3 6815.65-3004.07 13075.56-7030.12 17381.33-12152.12 3198.08-3804.33 5374.97-8213.2 5610.61-13256.78 135.85-2907.7-442.2-5836.43-1981.3-8355.45-4635.4-7586.77-14715.95-8903.95-21147.65-3855.94z" class="fil0"/><path d="M22983.64 21630.19l-2928.01-1451.38c-1017.73 1483.99-1758.21 2488.33-3897.08 1902.25-1678.91-460.05-2175.85-2300.18-2239.67-3843.76-87.17-2108.39 649.94-4543.46 3168.15-4413.24 1609.13 83.19 2294.75 1032.23 2661.15 1885.36l3196.99-1638.9c-1574.75-3004.31-5265.13-4026.05-8393.32-3188.81-3328.66 890.9-5014.61 3952.95-4955.5 7255.23 60.43 3375.58 1680.8 6291.51 5161.55 7052.54 1697.16 371.06 3545.13 284.81 5116.74-503.18 1216.27-609.83 2567.56-1786.86 3109-3056.12zm13802.46 0l-2928.01-1451.38c-1017.73 1483.99-1758.21 2488.33-3897.08 1902.25-1678.91-460.05-2175.86-2300.18-2239.67-3843.76-87.18-2108.39 649.94-4543.46 3168.15-4413.24 1609.13 83.19 2294.74 1032.23 2661.15 1885.36l3196.99-1638.9c-1574.75-3004.31-5265.14-4026.05-8393.32-3188.81-3328.66 890.9-5014.61 3952.95-4955.5 7255.23 60.42 3375.58 1680.8 6291.51 5161.55 7052.54 1697.16 371.06 3545.13 284.81 5116.74-503.18 1216.27-609.83 2567.56-1786.86 3109-3056.12z" class="fil0"/></g></g></svg>
data/_includes/navigation.html CHANGED
@@ -1,13 +1,10 @@
1
1
  <!-- Menu -->
2
2
  <nav id="menu">
3
- <header class="major">
4
- <h2>Menu</h2>
5
- </header>
6
3
  <ul>
7
4
  {% for item in include.menu %}
5
+ <li {% if item.url == page.url %} class="current" {% endif %}>
8
6
  {% if item.menu[0] %}
9
- <li>
10
- <span class="opener {% if item.url == page.url %} current {% endif %}">{{ item.title }}</span>
7
+ <span class="opener">{{ item.title }}</span>
11
8
  <ul>
12
9
  {% for subitem in item.menu %}
13
10
  <li {% if subitem.url == page.url %} class="current" {% endif %}>
@@ -15,9 +12,7 @@
15
12
  </li>
16
13
  {% endfor %}
17
14
  </ul>
18
- </li>
19
15
  {% else %}
20
- <li {% if item.url == page.url %} class="current" {% endif %}>
21
16
  <a href="{{ item.url | absolute_url }}">{{ item.title }}</a>
22
17
  </li>
23
18
  {% endif %}
data/_includes/sidebar.html CHANGED
@@ -1,5 +1,5 @@
1
1
  <!-- Sidebar -->
2
- <div id="sidebar">
2
+ <div id="sidebar" class="inverted">
3
3
  <div class="inner">
4
4
 
5
5
  <!-- Search -->
@@ -11,7 +11,10 @@
11
11
 
12
12
  {% include navigation.html menu=include.menu %}
13
13
 
14
- {% include footer.html %}
14
+ {% include social.html %}
15
15
 
16
16
  </div>
17
+
18
+ {% include toggle.html %}
19
+
17
20
  </div>
data/_includes/social.html ADDED
@@ -0,0 +1,38 @@
1
+ <!-- Social Icons -->
2
+ <div id="social">
3
+ <ul class="icons">
4
+ {% if site.twitter_url %}
5
+ <li><a href="{{ site.twitter_url }}" class="icon brands fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
6
+ {% endif %}
7
+ {% if site.facebook_url %}
8
+ <li><a href="{{ site.facebook_url }}" class="icon brands fa-facebook-f" target="_blank"><span class="label">Facebook</span></a></li>
9
+ {% endif %}
10
+ {% if site.snapchat_url %}
11
+ <li><a href="{{ site.snapchat_url }}" class="icon brands fa-snapchat-ghost" target="_blank"><span class="label">Facebook</span></a></li>
12
+ {% endif %}
13
+ {% if site.medium_url %}
14
+ <li><a href="{{ site.medium_url }}" class="icon brands fa-medium-m" target="_blank"><span class="label">Facebook</span></a></li>
15
+ {% endif %}
16
+ {% if site.instagram_url %}
17
+ <li><a href="{{ site.instagram_url }}" class="icon brands fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
18
+ {% endif %}
19
+ {% if site.pinterest_url %}
20
+ <li><a href="{{ site.pinterest_url }}" class="icon brands fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
21
+ {% endif %}
22
+ {% if site.500px_url %}
23
+ <li><a href="{{ site.500px_url }}" class="icon brands fa-500px" target="_blank"><span class="label">500px</span></a></li>
24
+ {% endif %}
25
+ {% if site.gitlab_url %}
26
+ <li><a href="{{ site.gitlab_url }}" class="icon brands fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
27
+ {% endif %}
28
+ {% if site.github_url %}
29
+ <li><a href="{{ site.github_url }}" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
30
+ {% endif %}
31
+ {% if site.slack_url %}
32
+ <li><a href="{{ site.slack_url }}" class="icon brands fa-slack" target="_blank"><span class="label">Slack</span></a></li>
33
+ {% endif %}
34
+ {% if site.linkedin_url %}
35
+ <li><a href="{{ site.linkedin_url }}" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
36
+ {% endif %}
37
+ </ul>
38
+ </div>
data/_includes/toggle.html ADDED
@@ -0,0 +1,5 @@
1
+ <a id="sidebar-toggle-button" href="#sidebar" class="toggle">Toggle</a>
2
+ <a id="sidebar-search-button" href="#sidebar" class="toggle">Search</a>
3
+ <a id="sidebar-logo-button" href="{{ '' | absolute_url }}" class="toggle">
4
+ {% include logo.html %}
5
+ </a>
data/_layouts/default.html CHANGED
@@ -31,6 +31,8 @@
31
31
 
32
32
  </div>
33
33
 
34
+ {% include footer.html %}
35
+
34
36
  {% include scripts.html %}
35
37
 
36
38
  </body>
data/_sass/base/_typography.scss CHANGED
@@ -6,182 +6,232 @@
6
6
 
7
7
  /* Type */
8
8
 
9
- body, input, select, textarea {
10
- color: _palette(fg);
11
- font-family: _font(family);
12
- font-size: 13pt;
13
- font-weight: _font(weight);
14
- line-height: 1.65;
15
-
16
- @include breakpoint('<=xlarge') {
17
- font-size: 11pt;
18
- }
9
+ body, input, select, textarea {
10
+ color: _palette(fg);
11
+ font-family: _font(family);
12
+ font-size: 13pt;
13
+ font-weight: _font(weight);
14
+ line-height: 1.65;
19
15
 
20
- @include breakpoint('<=large') {
21
- font-size: 10pt;
22
- }
16
+ @include breakpoint('<=xlarge') {
17
+ font-size: 11pt;
18
+ }
23
19
 
24
- @include breakpoint('<=xxsmall') {
25
- font-size: 9pt;
26
- }
20
+ @include breakpoint('<=large') {
21
+ font-size: 10pt;
27
22
  }
28
23
 
29
- a {
30
- @include vendor('transition', (
31
- 'color #{_duration(transition)} ease-in-out',
32
- 'border-bottom-color #{_duration(transition)} ease-in-out'
33
- ));
34
- border-bottom: dotted 1px;
35
- color: _palette(accent);
36
- text-decoration: none;
24
+ @include breakpoint('<=xxsmall') {
25
+ font-size: 9pt;
26
+ }
27
+ }
37
28
 
38
- &:hover {
39
- border-bottom-color: _palette(accent);
40
- color: _palette(accent) !important;
29
+ a {
30
+ @include vendor('transition', (
31
+ 'color #{_duration(transition)} ease-in-out',
32
+ 'border-bottom-color #{_duration(transition)} ease-in-out'
33
+ ));
34
+ border-bottom: dotted 1px;
35
+ color: _palette(accent);
36
+ text-decoration: none;
41
37
 
42
- strong {
43
- color: inherit;
44
- }
38
+ &:hover {
39
+ border-bottom-color: _palette(accent);
40
+ color: _palette(accent);
41
+
42
+ strong {
43
+ color: inherit;
45
44
  }
46
45
  }
46
+ }
47
47
 
48
- strong, b {
49
- color: _palette(fg-bold);
50
- font-weight: _font(weight-bold);
51
- }
48
+ strong, b {
49
+ color: _palette(fg-bold);
50
+ font-weight: _font(weight-bold);
51
+ }
52
52
 
53
- em, i {
54
- font-style: italic;
55
- }
53
+ em, i {
54
+ font-style: italic;
55
+ }
56
56
 
57
- p {
58
- margin: 0 0 _size(element-margin) 0;
59
- }
57
+ p {
58
+ margin: 0 0 _size(element-margin) 0;
59
+ }
60
60
 
61
- h1, h2, h3, h4, h5, h6 {
62
- color: _palette(fg-bold);
63
- font-family: _font(family-heading);
64
- font-weight: _font(weight-heading);
65
- line-height: 1.5;
66
- margin: 0 0 (_size(element-margin) * 0.5) 0;
61
+ h1, h2, h3, h4, h5, h6 {
62
+ color: _palette(fg-bold);
63
+ font-family: _font(family-heading);
64
+ font-weight: _font(weight-heading);
65
+ line-height: 1.5;
66
+ margin: 0 0 (_size(element-margin) * 0.5) 0;
67
67
 
68
- a {
69
- color: inherit;
70
- text-decoration: none;
71
- border-bottom: 0;
72
- }
68
+ a {
69
+ color: inherit;
70
+ text-decoration: none;
71
+ border-bottom: 0;
73
72
  }
73
+ }
74
74
 
75
+ h1 {
76
+ font-size: 4em;
77
+ margin: 0 0 (_size(element-margin) * 0.25) 0;
78
+ line-height: 1.3;
79
+ }
80
+
81
+ h2 {
82
+ font-size: 1.75em;
83
+ }
84
+
85
+ h3 {
86
+ font-size: 1.25em;
87
+ }
88
+
89
+ h4 {
90
+ font-size: 1.1em;
91
+ }
92
+
93
+ h5 {
94
+ font-size: 0.9em;
95
+ }
96
+
97
+ h6 {
98
+ font-size: 0.7em;
99
+ }
100
+
101
+ @include breakpoint('<=xlarge') {
75
102
  h1 {
76
- font-size: 4em;
77
- margin: 0 0 (_size(element-margin) * 0.25) 0;
78
- line-height: 1.3;
103
+ font-size: 3.5em;
79
104
  }
105
+ }
80
106
 
81
- h2 {
82
- font-size: 1.75em;
107
+ @include breakpoint('<=medium') {
108
+ h1 {
109
+ font-size: 3.25em;
83
110
  }
111
+ }
84
112
 
85
- h3 {
86
- font-size: 1.25em;
113
+ @include breakpoint('<=small') {
114
+ h1 {
115
+ font-size: 2em;
116
+ line-height: 1.4;
87
117
  }
88
118
 
89
- h4 {
90
- font-size: 1.1em;
91
- }
119
+ h2 {
120
+ font-size: 1.5em;
121
+ }
122
+ }
123
+
124
+ sub {
125
+ font-size: 0.8em;
126
+ position: relative;
127
+ top: 0.5em;
128
+ }
129
+
130
+ sup {
131
+ font-size: 0.8em;
132
+ position: relative;
133
+ top: -0.5em;
134
+ }
135
+
136
+ blockquote {
137
+ border-left: solid 3px _palette(border);
138
+ font-style: italic;
139
+ margin: 0 0 _size(element-margin) 0;
140
+ padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
141
+ }
142
+
143
+ code {
144
+ background: _palette(border-bg);
145
+ border-radius: _size(border-radius);
146
+ border: solid 1px _palette(border);
147
+ font-family: _font(family-fixed);
148
+ font-size: 0.9em;
149
+ margin: 0 0.25em;
150
+ padding: 0.25em 0.65em;
151
+ }
152
+
153
+ pre {
154
+ -webkit-overflow-scrolling: touch;
155
+ font-family: _font(family-fixed);
156
+ font-size: 0.9em;
157
+ margin: 0 0 _size(element-margin) 0;
92
158
 
93
- h5 {
94
- font-size: 0.9em;
159
+ code {
160
+ display: block;
161
+ line-height: 1.75;
162
+ padding: 1em 1.5em;
163
+ overflow-x: auto;
95
164
  }
165
+ }
96
166
 
97
- h6 {
98
- font-size: 0.7em;
99
- }
167
+ hr {
168
+ border: 0;
169
+ border-bottom: solid 1px _palette(border);
170
+ margin: _size(element-margin) 0;
100
171
 
101
- @include breakpoint('<=xlarge') {
102
- h1 {
103
- font-size: 3.5em;
104
- }
172
+ &.major {
173
+ margin: (_size(element-margin) * 1.5) 0;
105
174
  }
175
+ }
106
176
 
107
- @include breakpoint('<=medium') {
108
- h1 {
109
- font-size: 3.25em;
110
- }
111
- }
177
+ .align-left {
178
+ text-align: left;
179
+ }
112
180
 
113
- @include breakpoint('<=small') {
114
- h1 {
115
- font-size: 2em;
116
- line-height: 1.4;
117
- }
181
+ .align-center {
182
+ text-align: center;
183
+ }
118
184
 
119
- h2 {
120
- font-size: 1.5em;
121
- }
122
- }
185
+ .align-right {
186
+ text-align: right;
187
+ }
123
188
 
124
- sub {
125
- font-size: 0.8em;
126
- position: relative;
127
- top: 0.5em;
128
- }
189
+ /* Inverted */
129
190
 
130
- sup {
131
- font-size: 0.8em;
132
- position: relative;
133
- top: -0.5em;
134
- }
191
+ body .inverted {
192
+ color: _palette(fg-inverted);
193
+ }
135
194
 
136
- blockquote {
137
- border-left: solid 3px _palette(border);
138
- font-style: italic;
139
- margin: 0 0 _size(element-margin) 0;
140
- padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin);
195
+ .inverted {
196
+ input, select, textarea, p {
197
+ color: _palette(fg-inverted);
141
198
  }
142
199
 
143
- code {
144
- background: _palette(border-bg);
145
- border-radius: _size(border-radius);
146
- border: solid 1px _palette(border);
147
- font-family: _font(family-fixed);
148
- font-size: 0.9em;
149
- margin: 0 0.25em;
150
- padding: 0.25em 0.65em;
151
- }
152
-
153
- pre {
154
- -webkit-overflow-scrolling: touch;
155
- font-family: _font(family-fixed);
156
- font-size: 0.9em;
157
- margin: 0 0 _size(element-margin) 0;
158
-
159
- code {
160
- display: block;
161
- line-height: 1.75;
162
- padding: 1em 1.5em;
163
- overflow-x: auto;
200
+ a {
201
+ color: _palette(accent-inverted);
202
+
203
+ &:hover {
204
+ border-bottom-color: _palette(accent-cp);
205
+ color: _palette(accent-cp);
206
+
207
+ strong {
208
+ color: inherit;
209
+ }
164
210
  }
165
211
  }
166
212
 
167
- hr {
168
- border: 0;
169
- border-bottom: solid 1px _palette(border);
170
- margin: _size(element-margin) 0;
213
+ strong, b {
214
+ color: _palette(fg-bold-inverted);
215
+ }
171
216
 
172
- &.major {
173
- margin: (_size(element-margin) * 1.5) 0;
217
+ h1, h2, h3, h4, h5, h6 {
218
+ color: _palette(fg-bold-inverted);
219
+
220
+ a {
221
+ color: inherit;
174
222
  }
175
223
  }
176
224
 
177
- .align-left {
178
- text-align: left;
225
+ blockquote {
226
+ border-left: solid 3px _palette(border-inverted);
179
227
  }
180
228
 
181
- .align-center {
182
- text-align: center;
229
+ code {
230
+ background: _palette(border-bg-inverted);
231
+ border: solid 1px _palette(border-inverted);
183
232
  }
184
233
 
185
- .align-right {
186
- text-align: right;
187
- }
234
+ hr {
235
+ border-bottom: solid 1px _palette(border-inverted);
236
+ }
237
+ }