jekyll-minima 3.0.0.pre20220104
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +354 -0
- data/_includes/custom-head.html +6 -0
- data/_includes/disqus_comments.html +20 -0
- data/_includes/footer.html +37 -0
- data/_includes/google-analytics.html +9 -0
- data/_includes/head.html +14 -0
- data/_includes/header.html +31 -0
- data/_includes/social-icons/devto.svg +1 -0
- data/_includes/social-icons/dribbble.svg +1 -0
- data/_includes/social-icons/facebook.svg +1 -0
- data/_includes/social-icons/flickr.svg +1 -0
- data/_includes/social-icons/github.svg +1 -0
- data/_includes/social-icons/gitlab.svg +1 -0
- data/_includes/social-icons/google_scholar.svg +1 -0
- data/_includes/social-icons/instagram.svg +1 -0
- data/_includes/social-icons/keybase.svg +4 -0
- data/_includes/social-icons/linkedin.svg +1 -0
- data/_includes/social-icons/mastodon.svg +1 -0
- data/_includes/social-icons/microdotblog.svg +1 -0
- data/_includes/social-icons/pinterest.svg +1 -0
- data/_includes/social-icons/rss.svg +1 -0
- data/_includes/social-icons/stackoverflow.svg +1 -0
- data/_includes/social-icons/telegram.svg +1 -0
- data/_includes/social-icons/twitter.svg +1 -0
- data/_includes/social-icons/youtube.svg +1 -0
- data/_includes/social-item.html +7 -0
- data/_includes/social.html +5 -0
- data/_includes/svg_symbol.html +3 -0
- data/_layouts/default.html +20 -0
- data/_layouts/home.html +61 -0
- data/_layouts/page.html +14 -0
- data/_layouts/post.html +38 -0
- data/_sass/minima/_base.scss +281 -0
- data/_sass/minima/_layout.scss +341 -0
- data/_sass/minima/custom-styles.scss +2 -0
- data/_sass/minima/custom-variables.scss +1 -0
- data/_sass/minima/initialize.scss +50 -0
- data/_sass/minima/skins/auto.scss +361 -0
- data/_sass/minima/skins/classic.scss +5 -0
- data/_sass/minima/skins/dark.scss +5 -0
- data/_sass/minima/skins/solarized-dark.scss +5 -0
- data/_sass/minima/skins/solarized-light.scss +4 -0
- data/_sass/minima/skins/solarized.scss +201 -0
- data/assets/css/style.scss +7 -0
- data/assets/minima-social-icons.liquid +18 -0
- metadata +153 -0
@@ -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,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,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>
|