jekyll-theme-hydeout 4.2.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 +24 -6
- data/_sass/hydeout/_base.scss +19 -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 -13
- data/assets/css/main.scss +1 -1
- metadata +11 -36
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
|
@@ -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/_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
|
}
|
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.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,49 +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: '2.
|
|
82
|
-
- - ">="
|
|
83
|
-
- !ruby/object:Gem::Version
|
|
84
|
-
version: 2.1.4
|
|
80
|
+
version: '2.6'
|
|
85
81
|
type: :development
|
|
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
|
-
- - ">="
|
|
93
|
-
- !ruby/object:Gem::Version
|
|
94
|
-
version: 2.1.4
|
|
95
|
-
- !ruby/object:Gem::Dependency
|
|
96
|
-
name: wdm
|
|
97
|
-
requirement: !ruby/object:Gem::Requirement
|
|
98
|
-
requirements:
|
|
99
|
-
- - "~>"
|
|
100
|
-
- !ruby/object:Gem::Version
|
|
101
|
-
version: '0.1'
|
|
102
|
-
type: :development
|
|
103
|
-
prerelease: false
|
|
104
|
-
version_requirements: !ruby/object:Gem::Requirement
|
|
105
|
-
requirements:
|
|
106
|
-
- - "~>"
|
|
107
|
-
- !ruby/object:Gem::Version
|
|
108
|
-
version: '0.1'
|
|
109
|
-
description:
|
|
87
|
+
version: '2.6'
|
|
110
88
|
email:
|
|
111
89
|
- id@andrewfong.com
|
|
112
90
|
executables: []
|
|
@@ -172,24 +150,21 @@ licenses:
|
|
|
172
150
|
- MIT
|
|
173
151
|
metadata:
|
|
174
152
|
plugin_type: theme
|
|
175
|
-
post_install_message:
|
|
176
153
|
rdoc_options: []
|
|
177
154
|
require_paths:
|
|
178
155
|
- lib
|
|
179
156
|
required_ruby_version: !ruby/object:Gem::Requirement
|
|
180
157
|
requirements:
|
|
181
|
-
- - "
|
|
158
|
+
- - "~>"
|
|
182
159
|
- !ruby/object:Gem::Version
|
|
183
|
-
version: '0'
|
|
160
|
+
version: '3.0'
|
|
184
161
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
185
162
|
requirements:
|
|
186
163
|
- - ">="
|
|
187
164
|
- !ruby/object:Gem::Version
|
|
188
165
|
version: '0'
|
|
189
166
|
requirements: []
|
|
190
|
-
|
|
191
|
-
rubygems_version: 2.6.14.1
|
|
192
|
-
signing_key:
|
|
167
|
+
rubygems_version: 3.6.2
|
|
193
168
|
specification_version: 4
|
|
194
169
|
summary: The Hyde theme for Jekyll, refreshed.
|
|
195
170
|
test_files: []
|