jekyll-theme-hydeout 4.2.0 → 5.0.1
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/LICENSE.md +1 -1
- data/README.md +24 -6
- data/_includes/back-link.html +5 -1
- data/_sass/hydeout/_base.scss +25 -18
- 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 -13
- data/assets/css/main.scss +1 -1
- metadata +29 -26
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
|
-
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: cc31b301cc0300603e269b68d213ead21cf72261ca7711f854f38bda0cdecd91
|
|
4
|
+
data.tar.gz: e69952f84da4071ec1bc786979d1653d3c5cb717817dd6edba979f0b2d16f0b1
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c969300d27c492dbecf343240e0f6b049400d32b76e60b8fecb23ae5e4bcc0dbf0cdb8c3f9d08b97111b92e7851509da1f508dc98ef3bac1a99b5dc0b47fdda0
|
|
7
|
+
data.tar.gz: de041d221aea07a5f653fa7b791b8e5190c510db47610a6d859f839732c1e68d105665826eec7e0387017b66326948ef850f8208f947837dcdbe00e913df8dcc
|
data/LICENSE.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Copyright (c) 2013 Mark Otto.
|
|
4
4
|
|
|
5
|
-
Copyright (c) 2017 Andrew Fong.
|
|
5
|
+
Copyright (c) 2017 Andrew Fong and additional contributors (https://github.com/fongandrew/hydeout/graphs/contributors)
|
|
6
6
|
|
|
7
7
|
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
8
8
|
|
data/README.md
CHANGED
|
@@ -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
|
|
data/_includes/back-link.html
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
|
-
{%
|
|
1
|
+
{% if page.back_page %}
|
|
2
|
+
|
|
3
|
+
{% assign back_page = site.pages | where: "name", page.back_page | first %}
|
|
2
4
|
{% if back_page != null %}
|
|
3
5
|
<p class="back-link">
|
|
4
6
|
<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
7
|
</p>
|
|
6
8
|
{% endif %}
|
|
9
|
+
|
|
10
|
+
{% endif %}
|
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,9 @@ 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
|
}
|
|
@@ -126,4 +128,9 @@ input[type='submit'] {
|
|
|
126
128
|
left: 0;
|
|
127
129
|
width: 100%;
|
|
128
130
|
height: 100%;
|
|
129
|
-
}
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
.emoji {
|
|
134
|
+
display: initial;
|
|
135
|
+
margin: initial;
|
|
136
|
+
}
|
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,16 +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
|
-
@
|
|
18
|
-
@
|
|
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.1
|
|
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,49 +63,56 @@ 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
|
-
name:
|
|
75
|
+
name: jekyll-include-cache
|
|
77
76
|
requirement: !ruby/object:Gem::Requirement
|
|
78
77
|
requirements:
|
|
79
78
|
- - "~>"
|
|
80
79
|
- !ruby/object:Gem::Version
|
|
81
|
-
version: '2
|
|
82
|
-
|
|
83
|
-
- !ruby/object:Gem::Version
|
|
84
|
-
version: 2.1.4
|
|
85
|
-
type: :development
|
|
80
|
+
version: '0.2'
|
|
81
|
+
type: :runtime
|
|
86
82
|
prerelease: false
|
|
87
83
|
version_requirements: !ruby/object:Gem::Requirement
|
|
88
84
|
requirements:
|
|
89
85
|
- - "~>"
|
|
90
86
|
- !ruby/object:Gem::Version
|
|
91
|
-
version: '2
|
|
92
|
-
|
|
87
|
+
version: '0.2'
|
|
88
|
+
- !ruby/object:Gem::Dependency
|
|
89
|
+
name: jemoji
|
|
90
|
+
requirement: !ruby/object:Gem::Requirement
|
|
91
|
+
requirements:
|
|
92
|
+
- - "~>"
|
|
93
93
|
- !ruby/object:Gem::Version
|
|
94
|
-
version:
|
|
94
|
+
version: '0.13'
|
|
95
|
+
type: :runtime
|
|
96
|
+
prerelease: false
|
|
97
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
98
|
+
requirements:
|
|
99
|
+
- - "~>"
|
|
100
|
+
- !ruby/object:Gem::Version
|
|
101
|
+
version: '0.13'
|
|
95
102
|
- !ruby/object:Gem::Dependency
|
|
96
|
-
name:
|
|
103
|
+
name: bundler
|
|
97
104
|
requirement: !ruby/object:Gem::Requirement
|
|
98
105
|
requirements:
|
|
99
106
|
- - "~>"
|
|
100
107
|
- !ruby/object:Gem::Version
|
|
101
|
-
version: '
|
|
108
|
+
version: '2.6'
|
|
102
109
|
type: :development
|
|
103
110
|
prerelease: false
|
|
104
111
|
version_requirements: !ruby/object:Gem::Requirement
|
|
105
112
|
requirements:
|
|
106
113
|
- - "~>"
|
|
107
114
|
- !ruby/object:Gem::Version
|
|
108
|
-
version: '
|
|
109
|
-
description:
|
|
115
|
+
version: '2.6'
|
|
110
116
|
email:
|
|
111
117
|
- id@andrewfong.com
|
|
112
118
|
executables: []
|
|
@@ -172,24 +178,21 @@ licenses:
|
|
|
172
178
|
- MIT
|
|
173
179
|
metadata:
|
|
174
180
|
plugin_type: theme
|
|
175
|
-
post_install_message:
|
|
176
181
|
rdoc_options: []
|
|
177
182
|
require_paths:
|
|
178
183
|
- lib
|
|
179
184
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
180
185
|
requirements:
|
|
181
|
-
- - "
|
|
186
|
+
- - "~>"
|
|
182
187
|
- !ruby/object:Gem::Version
|
|
183
|
-
version: '0'
|
|
188
|
+
version: '3.0'
|
|
184
189
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
185
190
|
requirements:
|
|
186
191
|
- - ">="
|
|
187
192
|
- !ruby/object:Gem::Version
|
|
188
193
|
version: '0'
|
|
189
194
|
requirements: []
|
|
190
|
-
|
|
191
|
-
rubygems_version: 2.6.14.1
|
|
192
|
-
signing_key:
|
|
195
|
+
rubygems_version: 3.6.2
|
|
193
196
|
specification_version: 4
|
|
194
197
|
summary: The Hyde theme for Jekyll, refreshed.
|
|
195
198
|
test_files: []
|