jekyll-theme-hydeout 4.1.0 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +5 -5
- data/README.md +25 -7
- data/_includes/back-link.html +6 -0
- data/_includes/page-links.html +1 -1
- data/_layouts/default.html +1 -1
- data/_layouts/page.html +2 -1
- data/_sass/hydeout/_back-link.scss +10 -0
- data/_sass/hydeout/_base.scss +39 -17
- data/_sass/hydeout/_code.scss +4 -2
- data/_sass/hydeout/_layout.scss +35 -32
- data/_sass/hydeout/_masthead.scss +3 -1
- data/_sass/hydeout/_pagination.scss +21 -19
- data/_sass/hydeout/_posts.scss +8 -6
- data/_sass/hydeout/_search.scss +4 -2
- data/_sass/hydeout/_tags.scss +3 -1
- data/_sass/hydeout/_type.scss +7 -5
- data/_sass/hydeout.scss +13 -12
- data/assets/css/main.scss +1 -1
- metadata +13 -30
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 1e8f702cad0501ed940c0911c63a6558807a2c7dccd80f40b91a1f627c024b39
|
|
4
|
+
data.tar.gz: 93ee92446ac990c8aaa22cb9502f1dba57ecd439d7f6bc9a5ed6099c5a11f93e
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 56341799feed1e54f7c9c95f1be75606bb742055738b22be2f736ce63bbcc0c86b7dae9114990d57e98d87a5ee0a8e9936badd28df7e4c633751f4e6531028d9
|
|
7
|
+
data.tar.gz: 967cdd06ae822ae0c74a87950f74efb2851af9dbdad517d7daf549eea53d0bdf78158f6c2627369f158846462fe11714e82a708ffdaa7c961abadd2927aa63db
|
data/README.md
CHANGED
|
@@ -10,7 +10,7 @@ theme for [Jekyll](http://jekyllrb.com) 3.x and 4.x and adds new functionality.
|
|
|
10
10
|
### Usage
|
|
11
11
|
|
|
12
12
|
Hydeout is available as the `jekyll-theme-hydeout` Ruby Gem.
|
|
13
|
-
Add `gem "jekyll-theme-hydeout", "~>
|
|
13
|
+
Add `gem "jekyll-theme-hydeout", "~> 4.1"` to your Gemfile and run
|
|
14
14
|
`bundle install`.
|
|
15
15
|
|
|
16
16
|
If you're installing on Github pages, you may also have to add
|
|
@@ -53,23 +53,41 @@ $layout-reverse: false !default;
|
|
|
53
53
|
$link-color: #268bd2 !default;
|
|
54
54
|
```
|
|
55
55
|
|
|
56
|
-
To override these variables,
|
|
57
|
-
|
|
56
|
+
To override these variables, define your own variables inside a SASS file
|
|
57
|
+
in the `assets/css/` directory.
|
|
58
|
+
Then `@use` that file in your own `assets/css/main.scss` file, like so:
|
|
58
59
|
|
|
59
60
|
```scss
|
|
60
61
|
---
|
|
61
62
|
# Jekyll needs front matter for SCSS files
|
|
62
63
|
---
|
|
63
64
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
$
|
|
67
|
-
|
|
65
|
+
@use "colours";
|
|
66
|
+
@use "hydeout/variables" with (
|
|
67
|
+
$body-bg: colours.$grey,
|
|
68
|
+
$body-color: white,
|
|
69
|
+
$heading-color: colours.$light-pink,
|
|
70
|
+
$link-color: colours.$green,
|
|
71
|
+
$sidebar-bg-color: colours.$dark-pink,
|
|
72
|
+
$sidebar-sticky: false,
|
|
73
|
+
);
|
|
74
|
+
@use "hydeout";
|
|
75
|
+
```
|
|
76
|
+
|
|
77
|
+
Example content of `assets/css/colours.scss`:
|
|
78
|
+
|
|
79
|
+
```scss
|
|
80
|
+
$green: #61c200;
|
|
81
|
+
$grey: #363636;
|
|
82
|
+
$dark-pink: #9f0647;
|
|
83
|
+
$light-pink: #f0a2c3;
|
|
68
84
|
```
|
|
69
85
|
|
|
70
86
|
See the [_variables](_sass/hydeout/_variables.scss) file for other variables
|
|
71
87
|
you can override.
|
|
72
88
|
|
|
89
|
+
**Pay attention to the namespace of the variables you intend to override, otherwise, you will probably experience errors.**
|
|
90
|
+
|
|
73
91
|
You can see the full set of partials you can replace in the
|
|
74
92
|
[`_includes`](_includes) folder, but there are a few worth noting:
|
|
75
93
|
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{% assign back_page = site.pages | find: "name", page.back_page %}
|
|
2
|
+
{% if back_page != null %}
|
|
3
|
+
<p class="back-link">
|
|
4
|
+
<a href="{{ back_page.url | relative_url }}"><span class="back-arrow icon">{% include svg/back-arrow.svg %}</span>{{ back_page.short_title | default: back_page.title }}</a>
|
|
5
|
+
</p>
|
|
6
|
+
{% endif %}
|
data/_includes/page-links.html
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
{% if node.title != null %}
|
|
8
8
|
{% if node.sidebar_link %}
|
|
9
9
|
<a class="page-link {% if page.url == node.url %} active{% endif %}"
|
|
10
|
-
href="{{ node.url | relative_url }}">{{ node.title }}</a>
|
|
10
|
+
href="{{ node.url | relative_url }}">{% if node.short_title != null %}{{ node.short_title }}{% else %}{{ node.title }}{% endif %}</a>
|
|
11
11
|
{% endif %}
|
|
12
12
|
{% endif %}
|
|
13
13
|
{% endfor %}
|
data/_layouts/default.html
CHANGED
data/_layouts/page.html
CHANGED
data/_sass/hydeout/_base.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
// Body resets
|
|
2
4
|
//
|
|
3
5
|
// Update the foundational and global aspects of the page.
|
|
@@ -13,12 +15,12 @@ body {
|
|
|
13
15
|
}
|
|
14
16
|
|
|
15
17
|
html {
|
|
16
|
-
font-family:
|
|
17
|
-
font-size:
|
|
18
|
-
line-height:
|
|
18
|
+
font-family: variables.$root-font-family;
|
|
19
|
+
font-size: variables.$root-font-size;
|
|
20
|
+
line-height: variables.$root-line-height;
|
|
19
21
|
|
|
20
|
-
@media (min-width:
|
|
21
|
-
font-size:
|
|
22
|
+
@media (min-width: variables.$large-breakpoint) {
|
|
23
|
+
font-size: variables.$large-font-size;
|
|
22
24
|
}
|
|
23
25
|
}
|
|
24
26
|
|
|
@@ -34,7 +36,7 @@ section {
|
|
|
34
36
|
|
|
35
37
|
// No `:visited` state is required by default (browsers will use `a`)
|
|
36
38
|
a {
|
|
37
|
-
color:
|
|
39
|
+
color: variables.$link-color;
|
|
38
40
|
text-decoration: none;
|
|
39
41
|
|
|
40
42
|
// `:focus` is linked to `:hover` for basic accessibility
|
|
@@ -57,7 +59,7 @@ img {
|
|
|
57
59
|
}
|
|
58
60
|
|
|
59
61
|
table {
|
|
60
|
-
border: 1px solid
|
|
62
|
+
border: 1px solid variables.$border-color;
|
|
61
63
|
border-collapse: collapse;
|
|
62
64
|
font-size: 85%;
|
|
63
65
|
margin-bottom: 1rem;
|
|
@@ -66,7 +68,7 @@ table {
|
|
|
66
68
|
|
|
67
69
|
td,
|
|
68
70
|
th {
|
|
69
|
-
border: 1px solid
|
|
71
|
+
border: 1px solid variables.$border-color;
|
|
70
72
|
padding: 0.25rem 0.5rem;
|
|
71
73
|
}
|
|
72
74
|
|
|
@@ -76,7 +78,7 @@ th {
|
|
|
76
78
|
|
|
77
79
|
tbody tr:nth-child(odd) td,
|
|
78
80
|
tbody tr:nth-child(odd) th {
|
|
79
|
-
background-color:
|
|
81
|
+
background-color: variables.$gray-1;
|
|
80
82
|
}
|
|
81
83
|
|
|
82
84
|
button,
|
|
@@ -84,16 +86,16 @@ input[type='text'],
|
|
|
84
86
|
input[type='email'],
|
|
85
87
|
input[type='search'],
|
|
86
88
|
input[type='submit'] {
|
|
87
|
-
border: 1px solid
|
|
88
|
-
border-radius:
|
|
89
|
-
padding:
|
|
89
|
+
border: 1px solid variables.$border-color;
|
|
90
|
+
border-radius: variables.$border-radius;
|
|
91
|
+
padding: variables.$padding-v variables.$padding-h;
|
|
90
92
|
}
|
|
91
93
|
|
|
92
94
|
button,
|
|
93
95
|
input[type='submit'] {
|
|
94
96
|
background: transparent;
|
|
95
|
-
border-color:
|
|
96
|
-
color:
|
|
97
|
+
border-color: variables.$border-color;
|
|
98
|
+
color: variables.$link-color;
|
|
97
99
|
cursor: pointer;
|
|
98
100
|
transition:
|
|
99
101
|
color 0.6s ease-in-out,
|
|
@@ -101,9 +103,29 @@ input[type='submit'] {
|
|
|
101
103
|
background 0.6s ease-in-out;
|
|
102
104
|
|
|
103
105
|
&:hover {
|
|
104
|
-
background:
|
|
105
|
-
border-color:
|
|
106
|
-
box-shadow:
|
|
106
|
+
background: variables.$link-color;
|
|
107
|
+
border-color: variables.$link-color;
|
|
108
|
+
box-shadow: variables.$default-box-shadow;
|
|
107
109
|
color: #fff;
|
|
108
110
|
}
|
|
109
111
|
}
|
|
112
|
+
|
|
113
|
+
.video-container {
|
|
114
|
+
overflow: hidden;
|
|
115
|
+
position: relative;
|
|
116
|
+
width:100%;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.video-container::after {
|
|
120
|
+
padding-top: 56.25%;
|
|
121
|
+
display: block;
|
|
122
|
+
content: '';
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.video-container iframe {
|
|
126
|
+
position: absolute;
|
|
127
|
+
top: 0;
|
|
128
|
+
left: 0;
|
|
129
|
+
width: 100%;
|
|
130
|
+
height: 100%;
|
|
131
|
+
}
|
data/_sass/hydeout/_code.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
// Code
|
|
2
4
|
//
|
|
3
5
|
// Inline and block-level code snippets. Includes tweaks to syntax highlighted
|
|
@@ -5,13 +7,13 @@
|
|
|
5
7
|
|
|
6
8
|
code,
|
|
7
9
|
pre {
|
|
8
|
-
font-family:
|
|
10
|
+
font-family: variables.$code-font-family;
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
code {
|
|
12
14
|
background-color: #f9f9f9;
|
|
13
15
|
border-radius: 3px;
|
|
14
|
-
color:
|
|
16
|
+
color: variables.$code-color;
|
|
15
17
|
font-size: 85%;
|
|
16
18
|
padding: 0.25em 0.5em;
|
|
17
19
|
}
|
data/_sass/hydeout/_layout.scss
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@use "sass:color";
|
|
2
|
+
@use "variables";
|
|
3
|
+
|
|
1
4
|
/*
|
|
2
5
|
Layout
|
|
3
6
|
|
|
@@ -24,9 +27,9 @@
|
|
|
24
27
|
|
|
25
28
|
body {
|
|
26
29
|
background-attachment: fixed;
|
|
27
|
-
background-color:
|
|
28
|
-
background-image: linear-gradient(to bottom,
|
|
29
|
-
color:
|
|
30
|
+
background-color: variables.$sidebar-bg-color;
|
|
31
|
+
background-image: linear-gradient(to bottom, color.adjust(variables.$sidebar-bg-color, $lightness: 7%), color.adjust(variables.$sidebar-bg-color, $lightness: -7%));
|
|
32
|
+
color: variables.$sidebar-text-color;
|
|
30
33
|
display: flex;
|
|
31
34
|
flex-direction: column;
|
|
32
35
|
min-height: 100vh;
|
|
@@ -34,13 +37,13 @@ body {
|
|
|
34
37
|
|
|
35
38
|
#sidebar {
|
|
36
39
|
flex: 0 0 auto;
|
|
37
|
-
padding:
|
|
40
|
+
padding: variables.$section-spacing;
|
|
38
41
|
|
|
39
42
|
.site-title {
|
|
40
43
|
font-family: 'Abril Fatface', serif;
|
|
41
|
-
font-size:
|
|
44
|
+
font-size: variables.$large-font-size;
|
|
42
45
|
font-weight: normal;
|
|
43
|
-
margin-bottom:
|
|
46
|
+
margin-bottom: variables.$heading-spacing;
|
|
44
47
|
margin-top: 0;
|
|
45
48
|
}
|
|
46
49
|
|
|
@@ -48,9 +51,9 @@ body {
|
|
|
48
51
|
}
|
|
49
52
|
|
|
50
53
|
.content {
|
|
51
|
-
background:
|
|
52
|
-
color:
|
|
53
|
-
padding:
|
|
54
|
+
background: variables.$body-bg;
|
|
55
|
+
color: variables.$body-color;
|
|
56
|
+
padding: variables.$section-spacing;
|
|
54
57
|
}
|
|
55
58
|
|
|
56
59
|
// Container is flexbox as well -- we want content div to stretch and fill
|
|
@@ -61,7 +64,7 @@ body {
|
|
|
61
64
|
|
|
62
65
|
> .content {
|
|
63
66
|
flex-grow: 1;
|
|
64
|
-
padding-bottom:
|
|
67
|
+
padding-bottom: variables.$section-spacing * 2;
|
|
65
68
|
}
|
|
66
69
|
}
|
|
67
70
|
|
|
@@ -82,11 +85,11 @@ body {
|
|
|
82
85
|
// Make header elements blend into sidebar / background
|
|
83
86
|
.container > header {
|
|
84
87
|
background: transparent;
|
|
85
|
-
color:
|
|
88
|
+
color: variables.$sidebar-title-color;
|
|
86
89
|
margin:
|
|
87
|
-
(
|
|
88
|
-
|
|
89
|
-
|
|
90
|
+
(variables.$heading-spacing - variables.$section-spacing)
|
|
91
|
+
variables.$section-spacing
|
|
92
|
+
variables.$section-spacing;
|
|
90
93
|
|
|
91
94
|
h1,
|
|
92
95
|
h2 {
|
|
@@ -134,7 +137,7 @@ body {
|
|
|
134
137
|
Tablet / Desktop view
|
|
135
138
|
----------------------------------------------------------- */
|
|
136
139
|
|
|
137
|
-
@media (min-width:
|
|
140
|
+
@media (min-width: variables.$large-breakpoint) {
|
|
138
141
|
body {
|
|
139
142
|
flex-direction: row;
|
|
140
143
|
min-height: 100vh;
|
|
@@ -152,7 +155,7 @@ body {
|
|
|
152
155
|
#sidebar,
|
|
153
156
|
.home #sidebar {
|
|
154
157
|
text-align: left;
|
|
155
|
-
width:
|
|
158
|
+
width: variables.$sidebar-width;
|
|
156
159
|
|
|
157
160
|
> *:last-child {
|
|
158
161
|
margin-bottom: 0;
|
|
@@ -163,7 +166,7 @@ body {
|
|
|
163
166
|
position: fixed;
|
|
164
167
|
|
|
165
168
|
// Attach to bottom or top of window
|
|
166
|
-
@if
|
|
169
|
+
@if variables.$sidebar-sticky {
|
|
167
170
|
bottom: 0;
|
|
168
171
|
}
|
|
169
172
|
|
|
@@ -172,7 +175,7 @@ body {
|
|
|
172
175
|
}
|
|
173
176
|
|
|
174
177
|
// Attach to right or left of window
|
|
175
|
-
@if
|
|
178
|
+
@if variables.$layout-reverse {
|
|
176
179
|
right: 0;
|
|
177
180
|
}
|
|
178
181
|
|
|
@@ -199,24 +202,24 @@ body {
|
|
|
199
202
|
|
|
200
203
|
// Make entire container background white to contrast against sidebar
|
|
201
204
|
.container {
|
|
202
|
-
background:
|
|
203
|
-
color:
|
|
205
|
+
background: variables.$body-bg;
|
|
206
|
+
color: variables.$body-color;
|
|
204
207
|
min-height: 100vh;
|
|
205
208
|
padding:
|
|
206
|
-
|
|
207
|
-
|
|
209
|
+
variables.$section-spacing * 2
|
|
210
|
+
variables.$section-spacing * 2
|
|
208
211
|
0;
|
|
209
212
|
|
|
210
|
-
@if
|
|
211
|
-
margin-right:
|
|
213
|
+
@if variables.$layout-reverse {
|
|
214
|
+
margin-right: variables.$sidebar-width;
|
|
212
215
|
}
|
|
213
216
|
|
|
214
217
|
@else {
|
|
215
|
-
margin-left:
|
|
218
|
+
margin-left: variables.$sidebar-width;
|
|
216
219
|
}
|
|
217
220
|
|
|
218
221
|
> header {
|
|
219
|
-
color:
|
|
222
|
+
color: variables.$heading-color;
|
|
220
223
|
margin: 0;
|
|
221
224
|
|
|
222
225
|
h1,
|
|
@@ -224,7 +227,7 @@ body {
|
|
|
224
227
|
color: inherit;
|
|
225
228
|
|
|
226
229
|
&:last-child {
|
|
227
|
-
margin-bottom:
|
|
230
|
+
margin-bottom: variables.$heading-spacing;
|
|
228
231
|
}
|
|
229
232
|
}
|
|
230
233
|
}
|
|
@@ -241,17 +244,17 @@ body {
|
|
|
241
244
|
----------------------------------------------------------- */
|
|
242
245
|
|
|
243
246
|
#sidebar a {
|
|
244
|
-
color:
|
|
247
|
+
color: variables.$sidebar-link-color;
|
|
245
248
|
|
|
246
249
|
svg {
|
|
247
|
-
fill:
|
|
250
|
+
fill: variables.$sidebar-icon-color;
|
|
248
251
|
}
|
|
249
252
|
}
|
|
250
253
|
|
|
251
254
|
#sidebar a:hover,
|
|
252
255
|
#sidebar a:focus,
|
|
253
256
|
#sidebar a.active {
|
|
254
|
-
svg { fill:
|
|
257
|
+
svg { fill: variables.$sidebar-icon-color; }
|
|
255
258
|
}
|
|
256
259
|
|
|
257
260
|
#sidebar a:hover,
|
|
@@ -268,7 +271,7 @@ body {
|
|
|
268
271
|
}
|
|
269
272
|
|
|
270
273
|
#sidebar .site-title {
|
|
271
|
-
color:
|
|
274
|
+
color: variables.$sidebar-title-color;
|
|
272
275
|
a { color: inherit; }
|
|
273
276
|
}
|
|
274
277
|
|
|
@@ -286,7 +289,7 @@ body {
|
|
|
286
289
|
margin-top: 1rem;
|
|
287
290
|
max-width: 100%;
|
|
288
291
|
|
|
289
|
-
@media (min-width:
|
|
292
|
+
@media (min-width: variables.$large-breakpoint) {
|
|
290
293
|
justify-content: flex-start;
|
|
291
294
|
margin-left: -0.25em;
|
|
292
295
|
}
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
// Masthead
|
|
2
4
|
//
|
|
3
5
|
// Super small header above the content for site name and short description.
|
|
@@ -9,7 +11,7 @@
|
|
|
9
11
|
}
|
|
10
12
|
|
|
11
13
|
.masthead-title {
|
|
12
|
-
color:
|
|
14
|
+
color: variables.$gray-5;
|
|
13
15
|
margin-bottom: 0;
|
|
14
16
|
margin-top: 0;
|
|
15
17
|
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
/*
|
|
2
4
|
Pagination
|
|
3
5
|
|
|
@@ -7,66 +9,66 @@
|
|
|
7
9
|
*/
|
|
8
10
|
|
|
9
11
|
.pagination {
|
|
10
|
-
color:
|
|
11
|
-
margin-bottom:
|
|
12
|
+
color: variables.$gray-3;
|
|
13
|
+
margin-bottom: variables.$section-spacing;
|
|
12
14
|
text-align: center;
|
|
13
15
|
|
|
14
16
|
> a {
|
|
15
|
-
background:
|
|
16
|
-
border: solid
|
|
17
|
-
border-radius:
|
|
17
|
+
background: variables.$body-bg;
|
|
18
|
+
border: solid variables.$border-color;
|
|
19
|
+
border-radius: variables.$border-radius;
|
|
18
20
|
border-width: 1px;
|
|
19
|
-
box-shadow:
|
|
21
|
+
box-shadow: variables.$default-box-shadow;
|
|
20
22
|
display: inline-block;
|
|
21
|
-
max-width:
|
|
22
|
-
padding:
|
|
23
|
+
max-width: variables.$sidebar-width;
|
|
24
|
+
padding: variables.$padding-v variables.$padding-h;
|
|
23
25
|
width: 60%;
|
|
24
26
|
}
|
|
25
27
|
|
|
26
28
|
> a:hover {
|
|
27
|
-
background-color:
|
|
29
|
+
background-color: variables.$border-color;
|
|
28
30
|
}
|
|
29
31
|
}
|
|
30
32
|
|
|
31
33
|
// Bottom -> margin-top;
|
|
32
34
|
* + .pagination {
|
|
33
|
-
margin-top:
|
|
35
|
+
margin-top: variables.$section-spacing;
|
|
34
36
|
}
|
|
35
37
|
|
|
36
38
|
// Push above header if newer on mobile
|
|
37
39
|
.content .pagination:first-child {
|
|
38
|
-
margin-top:
|
|
40
|
+
margin-top: -(variables.$section-spacing) * 2;
|
|
39
41
|
}
|
|
40
42
|
|
|
41
43
|
// Make room for larger header by extending margin below title
|
|
42
44
|
.index #sidebar {
|
|
43
|
-
padding-bottom: calc(#{
|
|
45
|
+
padding-bottom: calc(#{variables.$section-spacing} + #{variables.$padding-v});
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
// But not on page1
|
|
47
49
|
.home.index #sidebar {
|
|
48
|
-
padding-bottom:
|
|
50
|
+
padding-bottom: variables.$section-spacing;
|
|
49
51
|
}
|
|
50
52
|
|
|
51
53
|
// Undo for larger screens
|
|
52
|
-
@media (min-width:
|
|
54
|
+
@media (min-width: variables.$large-breakpoint) {
|
|
53
55
|
.pagination > a {
|
|
54
56
|
box-shadow: none;
|
|
55
57
|
|
|
56
|
-
&:hover { box-shadow:
|
|
58
|
+
&:hover { box-shadow: variables.$default-box-shadow; }
|
|
57
59
|
}
|
|
58
60
|
|
|
59
61
|
.content .pagination:first-child {
|
|
60
62
|
margin-top: 0;
|
|
61
63
|
|
|
62
64
|
+ * {
|
|
63
|
-
border-top: 1px solid
|
|
64
|
-
margin-top:
|
|
65
|
-
padding-top:
|
|
65
|
+
border-top: 1px solid variables.$border-color;
|
|
66
|
+
margin-top: variables.$section-spacing;
|
|
67
|
+
padding-top: variables.$section-spacing;
|
|
66
68
|
}
|
|
67
69
|
}
|
|
68
70
|
|
|
69
71
|
.index #sidebar {
|
|
70
|
-
padding-bottom:
|
|
72
|
+
padding-bottom: variables.$section-spacing;
|
|
71
73
|
}
|
|
72
74
|
}
|
data/_sass/hydeout/_posts.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
// Posts and pages
|
|
2
4
|
//
|
|
3
5
|
// Each post is wrapped in `.post` and is used on default and post layouts. Each
|
|
@@ -16,7 +18,7 @@
|
|
|
16
18
|
.page-title,
|
|
17
19
|
.post-title,
|
|
18
20
|
.post-title a {
|
|
19
|
-
color:
|
|
21
|
+
color: variables.$heading-color;
|
|
20
22
|
}
|
|
21
23
|
|
|
22
24
|
h2.post-title,
|
|
@@ -53,7 +55,7 @@ h2.page-title {
|
|
|
53
55
|
}
|
|
54
56
|
|
|
55
57
|
li a:hover {
|
|
56
|
-
color:
|
|
58
|
+
color: variables.$link-color;
|
|
57
59
|
text-decoration: none;
|
|
58
60
|
}
|
|
59
61
|
|
|
@@ -64,9 +66,9 @@ h2.page-title {
|
|
|
64
66
|
|
|
65
67
|
article + *,
|
|
66
68
|
.post-body ~ section {
|
|
67
|
-
border-top: 1px solid
|
|
68
|
-
margin-top:
|
|
69
|
-
padding-top:
|
|
69
|
+
border-top: 1px solid variables.$border-color;
|
|
70
|
+
margin-top: variables.$section-spacing;
|
|
71
|
+
padding-top: variables.$section-spacing;
|
|
70
72
|
|
|
71
73
|
> h2:first-child,
|
|
72
74
|
> h3:first-child {
|
|
@@ -76,7 +78,7 @@ article + *,
|
|
|
76
78
|
|
|
77
79
|
// Meta data line below post title
|
|
78
80
|
.post-meta {
|
|
79
|
-
color:
|
|
81
|
+
color: variables.$body-muted;
|
|
80
82
|
margin-bottom: 1rem;
|
|
81
83
|
margin-top: -0.5rem;
|
|
82
84
|
}
|
data/_sass/hydeout/_search.scss
CHANGED
data/_sass/hydeout/_tags.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
.tags-list a {
|
|
2
4
|
margin-right: 0.5em;
|
|
3
5
|
opacity: 0.75;
|
|
@@ -5,7 +7,7 @@
|
|
|
5
7
|
}
|
|
6
8
|
|
|
7
9
|
.tags-list a .tag-count {
|
|
8
|
-
background:
|
|
10
|
+
background: variables.$link-color;
|
|
9
11
|
border-radius: 1000px;
|
|
10
12
|
color: rgba(255, 255, 255, 0.8);
|
|
11
13
|
font-size: 0.75em;
|
data/_sass/hydeout/_type.scss
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@use "variables";
|
|
2
|
+
|
|
1
3
|
// Typography
|
|
2
4
|
//
|
|
3
5
|
// Headings, body text, lists, and other misc typographic elements.
|
|
@@ -9,10 +11,10 @@ h4,
|
|
|
9
11
|
h5,
|
|
10
12
|
h6,
|
|
11
13
|
.site-title {
|
|
12
|
-
color:
|
|
14
|
+
color: variables.$heading-color;
|
|
13
15
|
font-weight: 600;
|
|
14
16
|
line-height: 1.25;
|
|
15
|
-
margin-bottom:
|
|
17
|
+
margin-bottom: variables.$heading-spacing;
|
|
16
18
|
text-rendering: optimizeLegibility;
|
|
17
19
|
}
|
|
18
20
|
|
|
@@ -76,13 +78,13 @@ abbr {
|
|
|
76
78
|
text-transform: uppercase;
|
|
77
79
|
|
|
78
80
|
&[title] {
|
|
79
|
-
border-bottom: 1px dotted
|
|
81
|
+
border-bottom: 1px dotted variables.$border-color;
|
|
80
82
|
cursor: help;
|
|
81
83
|
}
|
|
82
84
|
}
|
|
83
85
|
|
|
84
86
|
blockquote {
|
|
85
|
-
border-left: 0.25rem solid
|
|
87
|
+
border-left: 0.25rem solid variables.$border-color;
|
|
86
88
|
color: #7a7a7a;
|
|
87
89
|
margin: 0.8rem 0;
|
|
88
90
|
padding: 0.5rem 1rem;
|
|
@@ -127,7 +129,7 @@ a[href^='#fnref:'] {
|
|
|
127
129
|
|
|
128
130
|
// SVG Icons
|
|
129
131
|
a svg {
|
|
130
|
-
fill:
|
|
132
|
+
fill: variables.$link-color;
|
|
131
133
|
}
|
|
132
134
|
|
|
133
135
|
a svg,
|
data/_sass/hydeout.scss
CHANGED
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
Designed, built, and released under MIT license by @mdo.
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
@
|
|
7
|
-
@
|
|
8
|
-
@
|
|
9
|
-
@
|
|
10
|
-
@
|
|
11
|
-
@
|
|
12
|
-
@
|
|
13
|
-
@
|
|
14
|
-
@
|
|
15
|
-
@
|
|
16
|
-
@
|
|
17
|
-
@
|
|
6
|
+
@use 'hydeout/variables';
|
|
7
|
+
@use 'hydeout/base';
|
|
8
|
+
@use 'hydeout/type';
|
|
9
|
+
@use 'hydeout/syntax';
|
|
10
|
+
@use 'hydeout/code';
|
|
11
|
+
@use 'hydeout/layout';
|
|
12
|
+
@use 'hydeout/masthead';
|
|
13
|
+
@use 'hydeout/posts';
|
|
14
|
+
@use 'hydeout/pagination';
|
|
15
|
+
@use 'hydeout/message';
|
|
16
|
+
@use 'hydeout/search';
|
|
17
|
+
@use 'hydeout/tags';
|
|
18
|
+
@use 'hydeout/back-link';
|
data/assets/css/main.scss
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-hydeout
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 5.0.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Andrew Fong
|
|
8
|
-
autorequire:
|
|
9
8
|
bindir: exe
|
|
10
9
|
cert_chain: []
|
|
11
|
-
date:
|
|
10
|
+
date: 2025-04-02 00:00:00.000000000 Z
|
|
12
11
|
dependencies:
|
|
13
12
|
- !ruby/object:Gem::Dependency
|
|
14
13
|
name: jekyll
|
|
@@ -36,14 +35,14 @@ dependencies:
|
|
|
36
35
|
requirements:
|
|
37
36
|
- - "~>"
|
|
38
37
|
- !ruby/object:Gem::Version
|
|
39
|
-
version: '1.
|
|
38
|
+
version: '1.5'
|
|
40
39
|
type: :runtime
|
|
41
40
|
prerelease: false
|
|
42
41
|
version_requirements: !ruby/object:Gem::Requirement
|
|
43
42
|
requirements:
|
|
44
43
|
- - "~>"
|
|
45
44
|
- !ruby/object:Gem::Version
|
|
46
|
-
version: '1.
|
|
45
|
+
version: '1.5'
|
|
47
46
|
- !ruby/object:Gem::Dependency
|
|
48
47
|
name: jekyll-paginate
|
|
49
48
|
requirement: !ruby/object:Gem::Requirement
|
|
@@ -64,43 +63,28 @@ dependencies:
|
|
|
64
63
|
requirements:
|
|
65
64
|
- - "~>"
|
|
66
65
|
- !ruby/object:Gem::Version
|
|
67
|
-
version: '0.
|
|
66
|
+
version: '0.17'
|
|
68
67
|
type: :runtime
|
|
69
68
|
prerelease: false
|
|
70
69
|
version_requirements: !ruby/object:Gem::Requirement
|
|
71
70
|
requirements:
|
|
72
71
|
- - "~>"
|
|
73
72
|
- !ruby/object:Gem::Version
|
|
74
|
-
version: '0.
|
|
73
|
+
version: '0.17'
|
|
75
74
|
- !ruby/object:Gem::Dependency
|
|
76
75
|
name: bundler
|
|
77
76
|
requirement: !ruby/object:Gem::Requirement
|
|
78
77
|
requirements:
|
|
79
78
|
- - "~>"
|
|
80
79
|
- !ruby/object:Gem::Version
|
|
81
|
-
version: '
|
|
80
|
+
version: '2.6'
|
|
82
81
|
type: :development
|
|
83
82
|
prerelease: false
|
|
84
83
|
version_requirements: !ruby/object:Gem::Requirement
|
|
85
84
|
requirements:
|
|
86
85
|
- - "~>"
|
|
87
86
|
- !ruby/object:Gem::Version
|
|
88
|
-
version: '
|
|
89
|
-
- !ruby/object:Gem::Dependency
|
|
90
|
-
name: wdm
|
|
91
|
-
requirement: !ruby/object:Gem::Requirement
|
|
92
|
-
requirements:
|
|
93
|
-
- - "~>"
|
|
94
|
-
- !ruby/object:Gem::Version
|
|
95
|
-
version: '0.1'
|
|
96
|
-
type: :development
|
|
97
|
-
prerelease: false
|
|
98
|
-
version_requirements: !ruby/object:Gem::Requirement
|
|
99
|
-
requirements:
|
|
100
|
-
- - "~>"
|
|
101
|
-
- !ruby/object:Gem::Version
|
|
102
|
-
version: '0.1'
|
|
103
|
-
description:
|
|
87
|
+
version: '2.6'
|
|
104
88
|
email:
|
|
105
89
|
- id@andrewfong.com
|
|
106
90
|
executables: []
|
|
@@ -109,6 +93,7 @@ extra_rdoc_files: []
|
|
|
109
93
|
files:
|
|
110
94
|
- LICENSE.md
|
|
111
95
|
- README.md
|
|
96
|
+
- _includes/back-link.html
|
|
112
97
|
- _includes/category-links.html
|
|
113
98
|
- _includes/comments.html
|
|
114
99
|
- _includes/copyright.html
|
|
@@ -146,6 +131,7 @@ files:
|
|
|
146
131
|
- _layouts/search.html
|
|
147
132
|
- _layouts/tags.html
|
|
148
133
|
- _sass/hydeout.scss
|
|
134
|
+
- _sass/hydeout/_back-link.scss
|
|
149
135
|
- _sass/hydeout/_base.scss
|
|
150
136
|
- _sass/hydeout/_code.scss
|
|
151
137
|
- _sass/hydeout/_layout.scss
|
|
@@ -164,24 +150,21 @@ licenses:
|
|
|
164
150
|
- MIT
|
|
165
151
|
metadata:
|
|
166
152
|
plugin_type: theme
|
|
167
|
-
post_install_message:
|
|
168
153
|
rdoc_options: []
|
|
169
154
|
require_paths:
|
|
170
155
|
- lib
|
|
171
156
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
172
157
|
requirements:
|
|
173
|
-
- - "
|
|
158
|
+
- - "~>"
|
|
174
159
|
- !ruby/object:Gem::Version
|
|
175
|
-
version: '0'
|
|
160
|
+
version: '3.0'
|
|
176
161
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
177
162
|
requirements:
|
|
178
163
|
- - ">="
|
|
179
164
|
- !ruby/object:Gem::Version
|
|
180
165
|
version: '0'
|
|
181
166
|
requirements: []
|
|
182
|
-
|
|
183
|
-
rubygems_version: 2.6.14.1
|
|
184
|
-
signing_key:
|
|
167
|
+
rubygems_version: 3.6.2
|
|
185
168
|
specification_version: 4
|
|
186
169
|
summary: The Hyde theme for Jekyll, refreshed.
|
|
187
170
|
test_files: []
|