jekyll-minima 3.0.0.pre20220104

Sign up to get free protection for your applications and to get access to all the features.
Files changed (48) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +21 -0
  3. data/README.md +354 -0
  4. data/_includes/custom-head.html +6 -0
  5. data/_includes/disqus_comments.html +20 -0
  6. data/_includes/footer.html +37 -0
  7. data/_includes/google-analytics.html +9 -0
  8. data/_includes/head.html +14 -0
  9. data/_includes/header.html +31 -0
  10. data/_includes/social-icons/devto.svg +1 -0
  11. data/_includes/social-icons/dribbble.svg +1 -0
  12. data/_includes/social-icons/facebook.svg +1 -0
  13. data/_includes/social-icons/flickr.svg +1 -0
  14. data/_includes/social-icons/github.svg +1 -0
  15. data/_includes/social-icons/gitlab.svg +1 -0
  16. data/_includes/social-icons/google_scholar.svg +1 -0
  17. data/_includes/social-icons/instagram.svg +1 -0
  18. data/_includes/social-icons/keybase.svg +4 -0
  19. data/_includes/social-icons/linkedin.svg +1 -0
  20. data/_includes/social-icons/mastodon.svg +1 -0
  21. data/_includes/social-icons/microdotblog.svg +1 -0
  22. data/_includes/social-icons/pinterest.svg +1 -0
  23. data/_includes/social-icons/rss.svg +1 -0
  24. data/_includes/social-icons/stackoverflow.svg +1 -0
  25. data/_includes/social-icons/telegram.svg +1 -0
  26. data/_includes/social-icons/twitter.svg +1 -0
  27. data/_includes/social-icons/youtube.svg +1 -0
  28. data/_includes/social-item.html +7 -0
  29. data/_includes/social.html +5 -0
  30. data/_includes/svg_symbol.html +3 -0
  31. data/_layouts/default.html +20 -0
  32. data/_layouts/home.html +61 -0
  33. data/_layouts/page.html +14 -0
  34. data/_layouts/post.html +38 -0
  35. data/_sass/minima/_base.scss +281 -0
  36. data/_sass/minima/_layout.scss +341 -0
  37. data/_sass/minima/custom-styles.scss +2 -0
  38. data/_sass/minima/custom-variables.scss +1 -0
  39. data/_sass/minima/initialize.scss +50 -0
  40. data/_sass/minima/skins/auto.scss +361 -0
  41. data/_sass/minima/skins/classic.scss +5 -0
  42. data/_sass/minima/skins/dark.scss +5 -0
  43. data/_sass/minima/skins/solarized-dark.scss +5 -0
  44. data/_sass/minima/skins/solarized-light.scss +4 -0
  45. data/_sass/minima/skins/solarized.scss +201 -0
  46. data/assets/css/style.scss +7 -0
  47. data/assets/minima-social-icons.liquid +18 -0
  48. metadata +153 -0
@@ -0,0 +1,2 @@
1
+ // Placeholder to allow defining custom styles that override everything else.
2
+ // (Use `_sass/minima/custom-variables.scss` to override variable defaults)
@@ -0,0 +1 @@
1
+ // Placeholder to allow overriding predefined variables smoothly.
@@ -0,0 +1,50 @@
1
+ @charset "utf-8";
2
+
3
+ // Define defaults for each variable.
4
+
5
+ $base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
6
+ $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
7
+ $base-font-size: 16px !default;
8
+ $base-font-weight: 400 !default;
9
+ $small-font-size: $base-font-size * 0.875 !default;
10
+ $base-line-height: 1.5 !default;
11
+
12
+ $spacing-unit: 30px !default;
13
+
14
+ $table-text-align: left !default;
15
+
16
+ // Width of the content area
17
+ $content-width: 800px !default;
18
+
19
+ $on-palm: 600px !default;
20
+ $on-laptop: 800px !default;
21
+
22
+ $on-medium: $on-palm !default;
23
+ $on-large: $on-laptop !default;
24
+
25
+ // Use media queries like this:
26
+ // @include media-query($on-palm) {
27
+ // .wrapper {
28
+ // padding-right: $spacing-unit / 2;
29
+ // padding-left: $spacing-unit / 2;
30
+ // }
31
+ // }
32
+ // Notice the following mixin uses max-width, in a deprecated, desktop-first
33
+ // approach, whereas media queries used elsewhere now use min-width.
34
+ @mixin media-query($device) {
35
+ @media screen and (max-width: $device) {
36
+ @content;
37
+ }
38
+ }
39
+
40
+ @mixin relative-font-size($ratio) {
41
+ font-size: #{$ratio}rem;
42
+ }
43
+
44
+ // Import pre-styling-overrides hook and style-partials.
45
+ @import
46
+ "minima/custom-variables", // Hook to override predefined variables.
47
+ "minima/base", // Defines element resets.
48
+ "minima/layout", // Defines structure and style based on CSS selectors.
49
+ "minima/custom-styles" // Hook to override existing styles.
50
+ ;
@@ -0,0 +1,361 @@
1
+ @charset "utf-8";
2
+
3
+ // Default color scheme settings
4
+ // These are overridden in classic.css and dark.scss
5
+
6
+ $color-scheme-auto: true !default;
7
+ $color-scheme-dark: false !default;
8
+
9
+
10
+ // Light mode
11
+ // ----------
12
+
13
+ $lm-brand-color: #828282 !default;
14
+ $lm-brand-color-light: lighten($lm-brand-color, 40%) !default;
15
+ $lm-brand-color-dark: darken($lm-brand-color, 25%) !default;
16
+
17
+ $lm-site-title-color: $lm-brand-color-dark !default;
18
+
19
+ $lm-text-color: #111111 !default;
20
+ $lm-background-color: #fdfdfd !default;
21
+ $lm-code-background-color: #eeeeff !default;
22
+
23
+ $lm-link-base-color: #2a7ae2 !default;
24
+ $lm-link-visited-color: darken($lm-link-base-color, 15%) !default;
25
+ $lm-link-hover-color: $lm-text-color !default;
26
+
27
+ $lm-border-color-01: $lm-brand-color-light !default;
28
+ $lm-border-color-02: lighten($lm-brand-color, 35%) !default;
29
+ $lm-border-color-03: $lm-brand-color-dark !default;
30
+
31
+ $lm-table-text-color: lighten($lm-text-color, 18%) !default;
32
+ $lm-table-zebra-color: lighten($lm-brand-color, 46%) !default;
33
+ $lm-table-header-bg-color: lighten($lm-brand-color, 43%) !default;
34
+ $lm-table-header-border: lighten($lm-brand-color, 37%) !default;
35
+ $lm-table-border-color: $lm-border-color-01 !default;
36
+
37
+
38
+ // Syntax highlighting styles should be adjusted appropriately for every "skin"
39
+ // ----------------------------------------------------------------------------
40
+
41
+ @mixin lm-highlight {
42
+ .highlight {
43
+ .c { color: #998; font-style: italic } // Comment
44
+ .err { color: #a61717; background-color: #e3d2d2 } // Error
45
+ .k { font-weight: bold } // Keyword
46
+ .o { font-weight: bold } // Operator
47
+ .cm { color: #998; font-style: italic } // Comment.Multiline
48
+ .cp { color: #999; font-weight: bold } // Comment.Preproc
49
+ .c1 { color: #998; font-style: italic } // Comment.Single
50
+ .cs { color: #999; font-weight: bold; font-style: italic } // Comment.Special
51
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
52
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
53
+ .ge { font-style: italic } // Generic.Emph
54
+ .gr { color: #a00 } // Generic.Error
55
+ .gh { color: #999 } // Generic.Heading
56
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
57
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
58
+ .go { color: #888 } // Generic.Output
59
+ .gp { color: #555 } // Generic.Prompt
60
+ .gs { font-weight: bold } // Generic.Strong
61
+ .gu { color: #aaa } // Generic.Subheading
62
+ .gt { color: #a00 } // Generic.Traceback
63
+ .kc { font-weight: bold } // Keyword.Constant
64
+ .kd { font-weight: bold } // Keyword.Declaration
65
+ .kp { font-weight: bold } // Keyword.Pseudo
66
+ .kr { font-weight: bold } // Keyword.Reserved
67
+ .kt { color: #458; font-weight: bold } // Keyword.Type
68
+ .m { color: #099 } // Literal.Number
69
+ .s { color: #d14 } // Literal.String
70
+ .na { color: #008080 } // Name.Attribute
71
+ .nb { color: #0086B3 } // Name.Builtin
72
+ .nc { color: #458; font-weight: bold } // Name.Class
73
+ .no { color: #008080 } // Name.Constant
74
+ .ni { color: #800080 } // Name.Entity
75
+ .ne { color: #900; font-weight: bold } // Name.Exception
76
+ .nf { color: #900; font-weight: bold } // Name.Function
77
+ .nn { color: #555 } // Name.Namespace
78
+ .nt { color: #000080 } // Name.Tag
79
+ .nv { color: #008080 } // Name.Variable
80
+ .ow { font-weight: bold } // Operator.Word
81
+ .w { color: #bbb } // Text.Whitespace
82
+ .mf { color: #099 } // Literal.Number.Float
83
+ .mh { color: #099 } // Literal.Number.Hex
84
+ .mi { color: #099 } // Literal.Number.Integer
85
+ .mo { color: #099 } // Literal.Number.Oct
86
+ .sb { color: #d14 } // Literal.String.Backtick
87
+ .sc { color: #d14 } // Literal.String.Char
88
+ .sd { color: #d14 } // Literal.String.Doc
89
+ .s2 { color: #d14 } // Literal.String.Double
90
+ .se { color: #d14 } // Literal.String.Escape
91
+ .sh { color: #d14 } // Literal.String.Heredoc
92
+ .si { color: #d14 } // Literal.String.Interpol
93
+ .sx { color: #d14 } // Literal.String.Other
94
+ .sr { color: #009926 } // Literal.String.Regex
95
+ .s1 { color: #d14 } // Literal.String.Single
96
+ .ss { color: #990073 } // Literal.String.Symbol
97
+ .bp { color: #999 } // Name.Builtin.Pseudo
98
+ .vc { color: #008080 } // Name.Variable.Class
99
+ .vg { color: #008080 } // Name.Variable.Global
100
+ .vi { color: #008080 } // Name.Variable.Instance
101
+ .il { color: #099 } // Literal.Number.Integer.Long
102
+ }
103
+ }
104
+
105
+
106
+ // Dark mode
107
+ // ---------
108
+
109
+ $dm-brand-color: #999999 !default;
110
+ $dm-brand-color-light: lighten($dm-brand-color, 5%) !default;
111
+ $dm-brand-color-dark: darken($dm-brand-color, 35%) !default;
112
+
113
+ $dm-site-title-color: $dm-brand-color-light !default;
114
+
115
+ $dm-text-color: #bbbbbb !default;
116
+ $dm-background-color: #181818 !default;
117
+ $dm-code-background-color: #212121 !default;
118
+
119
+ $dm-link-base-color: #79b8ff !default;
120
+ $dm-link-visited-color: $dm-link-base-color !default;
121
+ $dm-link-hover-color: $dm-text-color !default;
122
+
123
+ $dm-border-color-01: $dm-brand-color-dark !default;
124
+ $dm-border-color-02: $dm-brand-color-light !default;
125
+ $dm-border-color-03: $dm-brand-color !default;
126
+
127
+ $dm-table-text-color: $dm-text-color !default;
128
+ $dm-table-zebra-color: lighten($dm-background-color, 4%) !default;
129
+ $dm-table-header-bg-color: lighten($dm-background-color, 10%) !default;
130
+ $dm-table-header-border: lighten($dm-background-color, 21%) !default;
131
+ $dm-table-border-color: $dm-border-color-01 !default;
132
+
133
+
134
+ // Syntax highlighting styles should be adjusted appropriately for every "skin"
135
+ // List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens
136
+ // Some colors come from Material Theme Darker:
137
+ // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts
138
+ // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts
139
+ // ----------------------------------------------------------------------------
140
+
141
+ @mixin dm-highlight {
142
+ .highlight {
143
+ .c { color: #545454; font-style: italic } // Comment
144
+ .err { color: #f07178; background-color: #e3d2d2 } // Error
145
+ .k { color: #89DDFF; font-weight: bold } // Keyword
146
+ .o { font-weight: bold } // Operator
147
+ .cm { color: #545454; font-style: italic } // Comment.Multiline
148
+ .cp { color: #545454; font-weight: bold } // Comment.Preproc
149
+ .c1 { color: #545454; font-style: italic } // Comment.Single
150
+ .cs { color: #545454; font-weight: bold; font-style: italic } // Comment.Special
151
+ .gd { color: #000; background-color: #fdd } // Generic.Deleted
152
+ .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
153
+ .ge { font-style: italic } // Generic.Emph
154
+ .gr { color: #f07178 } // Generic.Error
155
+ .gh { color: #999 } // Generic.Heading
156
+ .gi { color: #000; background-color: #dfd } // Generic.Inserted
157
+ .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
158
+ .go { color: #888 } // Generic.Output
159
+ .gp { color: #555 } // Generic.Prompt
160
+ .gs { font-weight: bold } // Generic.Strong
161
+ .gu { color: #aaa } // Generic.Subheading
162
+ .gt { color: #f07178 } // Generic.Traceback
163
+ .kc { font-weight: bold } // Keyword.Constant
164
+ .kd { font-weight: bold } // Keyword.Declaration
165
+ .kp { font-weight: bold } // Keyword.Pseudo
166
+ .kr { font-weight: bold } // Keyword.Reserved
167
+ .kt { color: #FFCB6B; font-weight: bold } // Keyword.Type
168
+ .m { color: #F78C6C } // Literal.Number
169
+ .s { color: #C3E88D } // Literal.String
170
+ .na { color: #008080 } // Name.Attribute
171
+ .nb { color: #EEFFFF } // Name.Builtin
172
+ .nc { color: #FFCB6B; font-weight: bold } // Name.Class
173
+ .no { color: #008080 } // Name.Constant
174
+ .ni { color: #800080 } // Name.Entity
175
+ .ne { color: #900; font-weight: bold } // Name.Exception
176
+ .nf { color: #82AAFF; font-weight: bold } // Name.Function
177
+ .nn { color: #555 } // Name.Namespace
178
+ .nt { color: #FFCB6B } // Name.Tag
179
+ .nv { color: #EEFFFF } // Name.Variable
180
+ .ow { font-weight: bold } // Operator.Word
181
+ .w { color: #EEFFFF } // Text.Whitespace
182
+ .mf { color: #F78C6C } // Literal.Number.Float
183
+ .mh { color: #F78C6C } // Literal.Number.Hex
184
+ .mi { color: #F78C6C } // Literal.Number.Integer
185
+ .mo { color: #F78C6C } // Literal.Number.Oct
186
+ .sb { color: #C3E88D } // Literal.String.Backtick
187
+ .sc { color: #C3E88D } // Literal.String.Char
188
+ .sd { color: #C3E88D } // Literal.String.Doc
189
+ .s2 { color: #C3E88D } // Literal.String.Double
190
+ .se { color: #EEFFFF } // Literal.String.Escape
191
+ .sh { color: #C3E88D } // Literal.String.Heredoc
192
+ .si { color: #C3E88D } // Literal.String.Interpol
193
+ .sx { color: #C3E88D } // Literal.String.Other
194
+ .sr { color: #C3E88D } // Literal.String.Regex
195
+ .s1 { color: #C3E88D } // Literal.String.Single
196
+ .ss { color: #C3E88D } // Literal.String.Symbol
197
+ .bp { color: #999 } // Name.Builtin.Pseudo
198
+ .vc { color: #FFCB6B } // Name.Variable.Class
199
+ .vg { color: #EEFFFF } // Name.Variable.Global
200
+ .vi { color: #EEFFFF } // Name.Variable.Instance
201
+ .il { color: #F78C6C } // Literal.Number.Integer.Long
202
+ }
203
+ }
204
+
205
+
206
+ // Mode selection
207
+ // --------------
208
+
209
+
210
+ // Classic skin (always light mode)
211
+ // Assign outside of the if construct to establish global variable scope
212
+
213
+ $brand-color: $lm-brand-color;
214
+ $brand-color-light: $lm-brand-color-light;
215
+ $brand-color-dark: $lm-brand-color-dark;
216
+
217
+ $site-title-color: $lm-site-title-color;
218
+
219
+ $text-color: $lm-text-color;
220
+ $background-color: $lm-background-color;
221
+ $code-background-color: $lm-code-background-color;
222
+
223
+ $link-base-color: $lm-link-base-color;
224
+ $link-visited-color: $lm-link-visited-color;
225
+ $link-hover-color: $lm-link-hover-color;
226
+
227
+ $border-color-01: $lm-border-color-01;
228
+ $border-color-02: $lm-border-color-02;
229
+ $border-color-03: $lm-border-color-03;
230
+
231
+ $table-text-color: $lm-table-text-color;
232
+ $table-zebra-color: $lm-table-zebra-color;
233
+ $table-header-bg-color: $lm-table-header-bg-color;
234
+ $table-header-border: $lm-table-header-border;
235
+ $table-border-color: $lm-table-border-color;
236
+
237
+
238
+ @if $color-scheme-auto {
239
+
240
+ // Auto mode
241
+
242
+ :root {
243
+ --minima-brand-color: #{$lm-brand-color};
244
+ --minima-brand-color-light: #{$lm-brand-color-light};
245
+ --minima-brand-color-dark: #{$lm-brand-color-dark};
246
+
247
+ --minima-site-title-color: #{$lm-site-title-color};
248
+
249
+ --minima-text-color: #{$lm-text-color};
250
+ --minima-background-color: #{$lm-background-color};
251
+ --minima-code-background-color: #{$lm-code-background-color};
252
+
253
+ --minima-link-base-color: #{$lm-link-base-color};
254
+ --minima-link-visited-color: #{$lm-link-visited-color};
255
+ --minima-link-hover-color: #{$lm-link-hover-color};
256
+
257
+ --minima-border-color-01: #{$lm-border-color-01};
258
+ --minima-border-color-02: #{$lm-border-color-02};
259
+ --minima-border-color-03: #{$lm-border-color-03};
260
+
261
+ --minima-table-text-color: #{$lm-table-text-color};
262
+ --minima-table-zebra-color: #{$lm-table-zebra-color};
263
+ --minima-table-header-bg-color: #{$lm-table-header-bg-color};
264
+ --minima-table-header-border: #{$lm-table-header-border};
265
+ --minima-table-border-color: #{$lm-table-border-color};
266
+ }
267
+
268
+ @include lm-highlight;
269
+
270
+ @media (prefers-color-scheme: dark) {
271
+ :root {
272
+ --minima-brand-color: #{$dm-brand-color};
273
+ --minima-brand-color-light: #{$dm-brand-color-light};
274
+ --minima-brand-color-dark: #{$dm-brand-color-dark};
275
+
276
+ --minima-site-title-color: #{$dm-site-title-color};
277
+
278
+ --minima-text-color: #{$dm-text-color};
279
+ --minima-background-color: #{$dm-background-color};
280
+ --minima-code-background-color: #{$dm-code-background-color};
281
+
282
+ --minima-link-base-color: #{$dm-link-base-color};
283
+ --minima-link-visited-color: #{$dm-link-visited-color};
284
+ --minima-link-hover-color: #{$dm-link-hover-color};
285
+
286
+ --minima-border-color-01: #{$dm-border-color-01};
287
+ --minima-border-color-02: #{$dm-border-color-02};
288
+ --minima-border-color-03: #{$dm-border-color-03};
289
+
290
+ --minima-table-text-color: #{$dm-table-text-color};
291
+ --minima-table-zebra-color: #{$dm-table-zebra-color};
292
+ --minima-table-header-bg-color: #{$dm-table-header-bg-color};
293
+ --minima-table-header-border: #{$dm-table-header-border};
294
+ --minima-table-border-color: #{$dm-table-border-color};
295
+ }
296
+
297
+ @include dm-highlight;
298
+ }
299
+
300
+ $brand-color: var(--minima-brand-color);
301
+ $brand-color-light: var(--minima-brand-color-light);
302
+ $brand-color-dark: var(--minima-brand-color-dark);
303
+
304
+ $site-title-color: var(--minima-site-title-color);
305
+
306
+ $text-color: var(--minima-text-color);
307
+ $background-color: var(--minima-background-color);
308
+ $code-background-color: var(--minima-code-background-color);
309
+
310
+ $link-base-color: var(--minima-link-base-color);
311
+ $link-visited-color: var(--minima-link-visited-color);
312
+ $link-hover-color: var(--minima-link-hover-color);
313
+
314
+ $border-color-01: var(--minima-border-color-01);
315
+ $border-color-02: var(--minima-border-color-02);
316
+ $border-color-03: var(--minima-border-color-03);
317
+
318
+ $table-text-color: var(--minima-table-text-color);
319
+ $table-zebra-color: var(--minima-table-zebra-color);
320
+ $table-header-bg-color: var(--minima-table-header-bg-color);
321
+ $table-header-border: var(--minima-table-header-border);
322
+ $table-border-color: var(--minima-table-border-color);
323
+
324
+
325
+ } @else if $color-scheme-dark {
326
+
327
+ // Dark skin (always dark mode)
328
+
329
+ $brand-color: $dm-brand-color;
330
+ $brand-color-light: $dm-brand-color-light;
331
+ $brand-color-dark: $dm-brand-color-dark;
332
+
333
+ $site-title-color: $dm-site-title-color;
334
+
335
+ $text-color: $dm-text-color;
336
+ $background-color: $dm-background-color;
337
+ $code-background-color: $dm-code-background-color;
338
+
339
+ $link-base-color: $dm-link-base-color;
340
+ $link-visited-color: $dm-link-visited-color;
341
+ $link-hover-color: $dm-link-hover-color;
342
+
343
+ $border-color-01: $dm-border-color-01;
344
+ $border-color-02: $dm-border-color-02;
345
+ $border-color-03: $dm-border-color-03;
346
+
347
+ $table-text-color: $dm-table-text-color;
348
+ $table-zebra-color: $dm-table-zebra-color;
349
+ $table-header-bg-color: $dm-table-header-bg-color;
350
+ $table-header-border: $dm-table-header-border;
351
+ $table-border-color: $dm-table-border-color;
352
+
353
+ @include dm-highlight;
354
+
355
+
356
+ } @else {
357
+
358
+ // Classic skin syntax highlighting
359
+ @include lm-highlight;
360
+
361
+ }
@@ -0,0 +1,5 @@
1
+ @charset "utf-8";
2
+
3
+ $color-scheme-auto: false;
4
+ $color-scheme-dark: false;
5
+ @import "minima/skins/auto";
@@ -0,0 +1,5 @@
1
+ @charset "utf-8";
2
+
3
+ $color-scheme-auto: false;
4
+ $color-scheme-dark: true;
5
+ @import "minima/skins/auto";
@@ -0,0 +1,5 @@
1
+ @charset "utf-8";
2
+
3
+ $sol-is-auto: false;
4
+ $sol-is-dark: true;
5
+ @import "minima/skins/solarized";
@@ -0,0 +1,4 @@
1
+ @charset "utf-8";
2
+
3
+ $sol-is-auto: false;
4
+ @import "minima/skins/solarized";
@@ -0,0 +1,201 @@
1
+ @charset "utf-8";
2
+
3
+ // Solarized skin
4
+ // ==============
5
+ // Created by Sander Voerman <mailto:sander@savoerman.nl> using the Solarized
6
+ // color scheme by Ethan Schoonover <https://ethanschoonover.com/solarized>.
7
+
8
+ // This style sheet implements three options for the minima.skin setting:
9
+ // "solarized-light" for light mode, "solarized-dark" for dark mode, and
10
+ // "solarized" for light or dark mode depending on user preference.
11
+ $sol-is-auto: true !default;
12
+ $sol-is-dark: false !default;
13
+
14
+
15
+ // Color scheme
16
+ // ------------
17
+ // The inline comments show the canonical L*a*b values for each color.
18
+
19
+ $sol-base03: #002b36; // 15 -12 -12
20
+ $sol-base02: #073642; // 20 -12 -12
21
+ $sol-base01: #586e75; // 45 -07 -07
22
+ $sol-base00: #657b83; // 50 -07 -07
23
+ $sol-base0: #839496; // 60 -06 -03
24
+ $sol-base1: #93a1a1; // 65 -05 -02
25
+ $sol-base2: #eee8d5; // 92 -00 10
26
+ $sol-base3: #fdf6e3; // 97 00 10
27
+ $sol-yellow: #b58900; // 60 10 65
28
+ $sol-orange: #cb4b16; // 50 50 55
29
+ $sol-red: #dc322f; // 50 65 45
30
+ $sol-magenta: #d33682; // 50 65 -05
31
+ $sol-violet: #6c71c4; // 50 15 -45
32
+ $sol-blue: #268bd2; // 55 -10 -45
33
+ $sol-cyan: #2aa198; // 60 -35 -05
34
+ $sol-green: #859900; // 60 -20 65
35
+
36
+
37
+ // Mixed colors
38
+ // ------------
39
+ // While not part of the original Solarized base tones, these derived tones
40
+ // are meant to replicate the visual style of the classic skin. They should
41
+ // not be used in cases where sufficiently contrasting colors are needed.
42
+
43
+ $sol-light-mix1: mix($sol-base1, $sol-base3);
44
+ $sol-light-mix2: mix($sol-blue, $sol-base00);
45
+ $sol-light-mix3: mix($sol-base2, $sol-base3);
46
+ $sol-dark-mix1: mix($sol-base01, $sol-base03);
47
+ $sol-dark-mix2: mix($sol-blue, $sol-base0);
48
+ $sol-dark-mix3: mix($sol-base02, $sol-base03);
49
+
50
+
51
+ // Mode selection
52
+ // --------------
53
+
54
+ $sol-mono3: $sol-base3;
55
+ $sol-mono2: $sol-base2;
56
+ $sol-mono1: $sol-base1;
57
+ $sol-mono00: $sol-base00;
58
+ $sol-mono01: $sol-base01;
59
+ $sol-mix1: $sol-light-mix1;
60
+ $sol-mix2: $sol-light-mix2;
61
+ $sol-mix3: $sol-light-mix3;
62
+
63
+ @if $sol-is-dark {
64
+ $sol-mono3: $sol-base03;
65
+ $sol-mono2: $sol-base02;
66
+ $sol-mono1: $sol-base01;
67
+ $sol-mono00: $sol-base0;
68
+ $sol-mono01: $sol-base1;
69
+ $sol-mix1: $sol-dark-mix1;
70
+ $sol-mix2: $sol-dark-mix2;
71
+ $sol-mix3: $sol-dark-mix3;
72
+ }
73
+
74
+ @if $sol-is-auto {
75
+ :root {
76
+ --solarized-mono3: #{$sol-base3};
77
+ --solarized-mono2: #{$sol-base2};
78
+ --solarized-mono1: #{$sol-base1};
79
+ --solarized-mono00: #{$sol-base00};
80
+ --solarized-mono01: #{$sol-base01};
81
+ --solarized-mix1: #{$sol-light-mix1};
82
+ --solarized-mix2: #{$sol-light-mix2};
83
+ --solarized-mix3: #{$sol-light-mix3};
84
+ }
85
+
86
+ @media (prefers-color-scheme: dark) {
87
+ :root {
88
+ --solarized-mono3: #{$sol-base03};
89
+ --solarized-mono2: #{$sol-base02};
90
+ --solarized-mono1: #{$sol-base01};
91
+ --solarized-mono00: #{$sol-base0};
92
+ --solarized-mono01: #{$sol-base1};
93
+ --solarized-mix1: #{$sol-dark-mix1};
94
+ --solarized-mix2: #{$sol-dark-mix2};
95
+ --solarized-mix3: #{$sol-dark-mix3};
96
+ }
97
+ }
98
+
99
+ $sol-mono3: var(--solarized-mono3);
100
+ $sol-mono2: var(--solarized-mono2);
101
+ $sol-mono1: var(--solarized-mono1);
102
+ $sol-mono00: var(--solarized-mono00);
103
+ $sol-mono01: var(--solarized-mono01);
104
+ $sol-mix1: var(--solarized-mix1);
105
+ $sol-mix2: var(--solarized-mix2);
106
+ $sol-mix3: var(--solarized-mix3);
107
+ }
108
+
109
+
110
+ // Minima color variables
111
+ // ----------------------
112
+
113
+ $brand-color: $sol-mono1 !default;
114
+ $brand-color-light: $sol-mix1 !default;
115
+ $brand-color-dark: $sol-mono00 !default;
116
+
117
+ $site-title-color: $sol-mono00 !default;
118
+
119
+ $text-color: $sol-mono01 !default;
120
+ $background-color: $sol-mono3 !default;
121
+ $code-background-color: $sol-mono2 !default;
122
+
123
+ $link-base-color: $sol-blue !default;
124
+ $link-visited-color: $sol-mix2 !default;
125
+ $link-hover-color: $sol-mono00 !default;
126
+
127
+ $border-color-01: $brand-color-light !default;
128
+ $border-color-02: $sol-mono1 !default;
129
+ $border-color-03: $sol-mono00 !default;
130
+
131
+ $table-text-color: $sol-mono00 !default;
132
+ $table-zebra-color: $sol-mix3 !default;
133
+ $table-header-bg-color: $sol-mono2 !default;
134
+ $table-header-border: $sol-mono1 !default;
135
+ $table-border-color: $sol-mono1 !default;
136
+
137
+
138
+ // Syntax highlighting styles
139
+ // --------------------------
140
+
141
+ .highlight {
142
+ .c { color: $sol-mono1; font-style: italic } // Comment
143
+ .err { color: $sol-red } // Error
144
+ .k { color: $sol-mono01; font-weight: bold } // Keyword
145
+ .o { color: $sol-mono01; font-weight: bold } // Operator
146
+ .cm { color: $sol-mono1; font-style: italic } // Comment.Multiline
147
+ .cp { color: $sol-mono1; font-weight: bold } // Comment.Preproc
148
+ .c1 { color: $sol-mono1; font-style: italic } // Comment.Single
149
+ .cs { color: $sol-mono1; font-weight: bold; font-style: italic } // Comment.Special
150
+ .gd { color: $sol-red } // Generic.Deleted
151
+ .gd .x { color: $sol-red } // Generic.Deleted.Specific
152
+ .ge { color: $sol-mono00; font-style: italic } // Generic.Emph
153
+ .gr { color: $sol-red } // Generic.Error
154
+ .gh { color: $sol-mono1 } // Generic.Heading
155
+ .gi { color: $sol-green } // Generic.Inserted
156
+ .gi .x { color: $sol-green } // Generic.Inserted.Specific
157
+ .go { color: $sol-mono00 } // Generic.Output
158
+ .gp { color: $sol-mono00 } // Generic.Prompt
159
+ .gs { color: $sol-mono01; font-weight: bold } // Generic.Strong
160
+ .gu { color: $sol-mono1 } // Generic.Subheading
161
+ .gt { color: $sol-red } // Generic.Traceback
162
+ .kc { color: $sol-mono01; font-weight: bold } // Keyword.Constant
163
+ .kd { color: $sol-mono01; font-weight: bold } // Keyword.Declaration
164
+ .kp { color: $sol-mono01; font-weight: bold } // Keyword.Pseudo
165
+ .kr { color: $sol-mono01; font-weight: bold } // Keyword.Reserved
166
+ .kt { color: $sol-violet; font-weight: bold } // Keyword.Type
167
+ .m { color: $sol-cyan } // Literal.Number
168
+ .s { color: $sol-magenta } // Literal.String
169
+ .na { color: $sol-cyan } // Name.Attribute
170
+ .nb { color: $sol-blue } // Name.Builtin
171
+ .nc { color: $sol-violet; font-weight: bold } // Name.Class
172
+ .no { color: $sol-cyan } // Name.Constant
173
+ .ni { color: $sol-violet } // Name.Entity
174
+ .ne { color: $sol-violet; font-weight: bold } // Name.Exception
175
+ .nf { color: $sol-blue; font-weight: bold } // Name.Function
176
+ .nn { color: $sol-mono00 } // Name.Namespace
177
+ .nt { color: $sol-blue } // Name.Tag
178
+ .nv { color: $sol-cyan } // Name.Variable
179
+ .ow { color: $sol-mono01; font-weight: bold } // Operator.Word
180
+ .w { color: $sol-mono1 } // Text.Whitespace
181
+ .mf { color: $sol-cyan } // Literal.Number.Float
182
+ .mh { color: $sol-cyan } // Literal.Number.Hex
183
+ .mi { color: $sol-cyan } // Literal.Number.Integer
184
+ .mo { color: $sol-cyan } // Literal.Number.Oct
185
+ .sb { color: $sol-magenta } // Literal.String.Backtick
186
+ .sc { color: $sol-magenta } // Literal.String.Char
187
+ .sd { color: $sol-magenta } // Literal.String.Doc
188
+ .s2 { color: $sol-magenta } // Literal.String.Double
189
+ .se { color: $sol-magenta } // Literal.String.Escape
190
+ .sh { color: $sol-magenta } // Literal.String.Heredoc
191
+ .si { color: $sol-magenta } // Literal.String.Interpol
192
+ .sx { color: $sol-magenta } // Literal.String.Other
193
+ .sr { color: $sol-green } // Literal.String.Regex
194
+ .s1 { color: $sol-magenta } // Literal.String.Single
195
+ .ss { color: $sol-magenta } // Literal.String.Symbol
196
+ .bp { color: $sol-mono1 } // Name.Builtin.Pseudo
197
+ .vc { color: $sol-cyan } // Name.Variable.Class
198
+ .vg { color: $sol-cyan } // Name.Variable.Global
199
+ .vi { color: $sol-cyan } // Name.Variable.Instance
200
+ .il { color: $sol-cyan } // Literal.Number.Integer.Long
201
+ }
@@ -0,0 +1,7 @@
1
+ ---
2
+ # Only the main Sass file needs front matter (the dashes are enough)
3
+ ---
4
+
5
+ @import
6
+ "minima/skins/{{ site.minima.skin | default: 'classic' }}",
7
+ "minima/initialize";
@@ -0,0 +1,18 @@
1
+ ---
2
+ permalink: /assets/minima-social-icons.svg
3
+ ---
4
+
5
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
6
+ {% comment %}
7
+ Iterate through {{ site.minima.social_links }} and render platform related SVG-symbol
8
+ unless the platform is "rss" because we need the "rss" symbol for the `Subscribe` link
9
+ in the footer and therefore inject the "rss" icon outside the iteration loop.
10
+ {% endcomment %}
11
+ {% for entry in site.minima.social_links %}
12
+ {%- assign symbol_id = entry.platform -%}
13
+ {%- unless symbol_id == "rss" -%}
14
+ {%- include svg_symbol.html key = symbol_id -%}
15
+ {% endunless %}
16
+ {%- endfor -%}
17
+ {%- include svg_symbol.html key = "rss" -%}
18
+ </svg>