seminima 0.1.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.
@@ -0,0 +1,51 @@
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/seminima",
49
+ "minima/layout", // Defines structure and style based on CSS selectors.
50
+ "minima/custom-styles" // Hook to override existing styles.
51
+ ;
@@ -0,0 +1,26 @@
1
+ .talk-meta {
2
+ font-size: $base-font-size;
3
+ color: $brand-color-dimmed;
4
+ }
5
+
6
+ .talk-info {
7
+ font-size: $base-font-size;
8
+ color: $brand-color-dimmed;
9
+ padding-right: 1em;
10
+ }
11
+
12
+ .talk-header {
13
+ margin-bottom: 0;
14
+ }
15
+
16
+ .talk-speaker {
17
+ font-size: $base-font-size * 1.5;
18
+ }
19
+
20
+ .talk-page-info {
21
+ font-size: $base-font-size * 1.125;
22
+ }
23
+
24
+ .talk-url {
25
+ padding-right: 1em;
26
+ }
@@ -0,0 +1,399 @@
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: #818181 !default;
14
+ $lm-brand-color-light: lighten($lm-brand-color, 40%) !default;
15
+ $lm-brand-color-dimmed: darken($lm-brand-color, 11%) !default;
16
+ $lm-brand-color-dark: darken($lm-brand-color, 25%) !default;
17
+
18
+ $lm-site-title-color: $lm-brand-color-dark !default;
19
+
20
+ $lm-heading-color: #111111 !default;
21
+ $lm-text-color: $lm-brand-color-dark !default;
22
+ $lm-background-color: #fdfdfd !default;
23
+ $lm-code-background-color: #f6f8fa !default;
24
+
25
+ $lm-link-base-color: #1e69d8 !default;
26
+ $lm-link-visited-color: darken($lm-link-base-color, 15%) !default;
27
+ $lm-link-hover-color: $lm-text-color !default;
28
+
29
+ $lm-border-color-01: $lm-brand-color-light !default;
30
+ $lm-border-color-02: lighten($lm-brand-color, 35%) !default;
31
+ $lm-border-color-03: $lm-brand-color-dark !default;
32
+
33
+ $lm-table-text-color: lighten($lm-heading-color, 18%) !default;
34
+ $lm-table-zebra-color: lighten($lm-brand-color, 46%) !default;
35
+ $lm-table-header-bg-color: lighten($lm-brand-color, 43%) !default;
36
+ $lm-table-header-border: lighten($lm-brand-color, 37%) !default;
37
+ $lm-table-border-color: $lm-border-color-01 !default;
38
+
39
+
40
+ // Syntax highlighting styles should be adjusted appropriately for every "skin"
41
+ // ----------------------------------------------------------------------------
42
+
43
+ @mixin lm-highlight {
44
+ .highlight {
45
+ .err { color: #e3d2d2; background-color: #a61717 } // Error
46
+
47
+ .c { color: #9c9996 } // Comment
48
+ .cm { color: #9c9996 } // Comment.Multiline
49
+ .cp { color: #9c9996 } // Comment.Preproc
50
+ .c1 { color: #9c9996 } // Comment.Single
51
+ .cs { color: #9c9996; font-style: italic } // Comment.Special
52
+
53
+ .gd { color: #e25050 } // Generic.Deleted
54
+ .gd .x { color: #e25050 } // Generic.Deleted.Specific
55
+ .ge { font-style: italic } // Generic.Emph
56
+ .gh { color: #999999 } // Generic.Heading
57
+ .gi { color: #3f993f } // Generic.Inserted
58
+ .gi .x { color: #3f993f } // Generic.Inserted.Specific
59
+ .go { color: #888888 } // Generic.Output
60
+ .gp { color: #555555 } // Generic.Prompt
61
+ .gr { color: #aa0000 } // Generic.Error
62
+ .gs { font-weight: bold } // Generic.Strong
63
+ .gt { color: #aa0000 } // Generic.Traceback
64
+ .gu { color: #aaaaaa } // Generic.Subheading
65
+
66
+ .k { color: #cf222e } // Keyword
67
+ .kc { color: #cf222e } // Keyword.Constant
68
+ .kd { color: #cf222e } // Keyword.Declaration
69
+ .kp { color: #cf222e } // Keyword.Pseudo
70
+ .kr { color: #cf222e } // Keyword.Reserved
71
+ .kt { color: #445588 } // Keyword.Type
72
+
73
+ .n { color: #111111 }
74
+ .na { color: #097e39 } // Name.Attribute
75
+ .nb { color: #cf222e } // Name.Builtin
76
+ .bp { color: #999999 } // Name.Builtin.Pseudo
77
+ .nc { color: #097e39 } // Name.Class
78
+ .ne { color: #990000 } // Name.Exception
79
+ .nf { color: #2c7d74 } // Name.Function
80
+ .ni { color: #097e39 } // Name.Entity
81
+ .nn { color: #097e39 } // Name.Namespace
82
+ .no { color: #a61154 } // Name.Constant
83
+ .nt { color: #b81e63 } // Name.Tag
84
+ .nv { color: #752a75 } // Name.Variable
85
+ .vc { color: #752a75 } // Name.Variable.Class
86
+ .vg { color: #752a75 } // Name.Variable.Global
87
+ .vi { color: #752a75 } // Name.Variable.Instance
88
+
89
+ .o { color: #0842a0 } // Operator
90
+ .ow { color: #0842a0 } // Operator.Word
91
+
92
+ .m { color: #005a99 } // Literal.Number
93
+ .mf { color: #005a99 } // Literal.Number.Float
94
+ .mh { color: #005a99 } // Literal.Number.Hex
95
+ .mi { color: #005a99 } // Literal.Number.Integer
96
+ .il { color: #005a99 } // Literal.Number.Integer.Long
97
+ .mo { color: #005a99 } // Literal.Number.Oct
98
+
99
+ .s { color: #914d08 } // Literal.String
100
+ .s1 { color: #914d08 } // Literal.String.Single
101
+ .s2 { color: #914d08 } // Literal.String.Double
102
+ .sb { color: #914d08 } // Literal.String.Backtick
103
+ .sc { color: #914d08 } // Literal.String.Char
104
+ .sd { color: #914d08 } // Literal.String.Doc
105
+ .se { color: #914d08 } // Literal.String.Escape
106
+ .sh { color: #914d08 } // Literal.String.Heredoc
107
+ .si { color: #914d08 } // Literal.String.Interpol
108
+ .sr { color: #009926 } // Literal.String.Regex
109
+ .ss { color: #0842a0 } // Literal.String.Symbol
110
+ .sx { color: #914d08 } // Literal.String.Other
111
+
112
+ .w { color: #bbbbbb } // Text.Whitespace
113
+
114
+ .lineno, .gl { color: #9c9996 } // Line Number
115
+ .hll { background-color: #ffffcc } // Marked-lines
116
+ }
117
+ }
118
+
119
+
120
+ // Dark mode
121
+ // ---------
122
+
123
+ $dm-brand-color: #999999 !default;
124
+ $dm-brand-color-light: lighten($dm-brand-color, 5%) !default;
125
+ $dm-brand-color-dimmed: darken($dm-brand-color, 8%) !default;
126
+ $dm-brand-color-dark: darken($dm-brand-color, 43%) !default;
127
+
128
+ $dm-site-title-color: $dm-brand-color-light !default;
129
+
130
+ $dm-heading-color: #bbbbbb !default;
131
+ $dm-text-color: darken($dm-heading-color, 15%) !default;
132
+ $dm-background-color: #181818 !default;
133
+ $dm-code-background-color: #222222 !default;
134
+
135
+ $dm-link-base-color: #5691cd !default;
136
+ $dm-link-visited-color: #80bbff !default;
137
+ $dm-link-hover-color: $dm-text-color !default;
138
+
139
+ $dm-border-color-01: $dm-brand-color-dark !default;
140
+ $dm-border-color-02: $dm-brand-color-light !default;
141
+ $dm-border-color-03: $dm-brand-color !default;
142
+
143
+ $dm-table-text-color: $dm-text-color !default;
144
+ $dm-table-zebra-color: lighten($dm-background-color, 4%) !default;
145
+ $dm-table-header-bg-color: lighten($dm-background-color, 10%) !default;
146
+ $dm-table-header-border: lighten($dm-background-color, 15%) !default;
147
+ $dm-table-border-color: $dm-border-color-01 !default;
148
+
149
+
150
+ // Syntax highlighting styles should be adjusted appropriately for every "skin"
151
+ // List of tokens: https://github.com/rouge-ruby/rouge/wiki/List-of-tokens
152
+ // Some colors come from Material Theme Darker:
153
+ // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/settings/specific/darker-hc.ts
154
+ // https://github.com/material-theme/vsc-material-theme/blob/master/scripts/generator/color-set.ts
155
+ // ----------------------------------------------------------------------------
156
+
157
+ @mixin dm-highlight {
158
+ .highlight {
159
+ .err { color: #e3d2d2; background-color: #8c2121 } // Error
160
+
161
+ .c { color: #8a8a8a } // Comment
162
+ .c1 { color: #8a8a8a } // Comment.Single
163
+ .cm { color: #8a8a8a } // Comment.Multiline
164
+ .cp { color: #8a8a8a } // Comment.Preproc
165
+ .cs { color: #8a8a8a; font-style: italic } // Comment.Special
166
+
167
+ .gd { color: #d85a5a } // Generic.Deleted
168
+ .gd .x { color: #d85a5a } // Generic.Deleted.Specific
169
+ .ge { font-style: italic } // Generic.Emph
170
+ .gh { color: #999999 } // Generic.Heading
171
+ .gi { color: #4ec64e } // Generic.Inserted
172
+ .gi .x { color: #4ec64e } // Generic.Inserted.Specific
173
+ .go { color: #888888 } // Generic.Output
174
+ .gp { color: #555555 } // Generic.Prompt
175
+ .gr { color: #f07178 } // Generic.Error
176
+ .gs { font-weight: bold } // Generic.Strong
177
+ .gt { color: #f07178 } // Generic.Traceback
178
+ .gu { color: #aaaaaa } // Generic.Subheading
179
+
180
+ .k { color: #d85a7b } // Keyword
181
+ .kc { color: #d85a7b } // Keyword.Constant
182
+ .kd { color: #d85a7b } // Keyword.Declaration
183
+ .kp { color: #d85a7b } // Keyword.Pseudo
184
+ .kr { color: #d85a7b } // Keyword.Reserved
185
+ .kt { color: #ffcb6b } // Keyword.Type
186
+
187
+ .n { color: #c7d1d8 }
188
+ .na { color: #11a69f } // Name.Attribute
189
+ .nb { color: #d85a7b } // Name.Builtin
190
+ .bp { color: #999999 } // Name.Builtin.Pseudo
191
+ .nc { color: #11a69f } // Name.Class
192
+ .ne { color: #990000 } // Name.Exception
193
+ .nf { color: #5ab780 } // Name.Function
194
+ .ni { color: #11a69f } // Name.Entity
195
+ .nn { color: #11a69f } // Name.Namespace
196
+ .no { color: #9d99e6 } // Name.Constant
197
+ .nt { color: #de3581 } // Name.Tag
198
+ .nv { color: #9680b1 } // Name.Variable
199
+ .vc { color: #9680b1 } // Name.Variable.Class
200
+ .vg { color: #9680b1 } // Name.Variable.Global
201
+ .vi { color: #9680b1 } // Name.Variable.Instance
202
+
203
+ .o { color: #bcd890 } // Operator
204
+ .ow { color: #bcd890 } // Operator.Word
205
+
206
+ .m { color: #9d99e6 } // Literal.Number
207
+ .mf { color: #9d99e6 } // Literal.Number.Float
208
+ .mh { color: #9d99e6 } // Literal.Number.Hex
209
+ .mi { color: #9d99e6 } // Literal.Number.Integer
210
+ .il { color: #9d99e6 } // Literal.Number.Integer.Long
211
+ .mo { color: #9d99e6 } // Literal.Number.Oct
212
+
213
+ .s { color: #baa94a } // Literal.String
214
+ .s1 { color: #baa94a } // Literal.String.Single
215
+ .s2 { color: #baa94a } // Literal.String.Double
216
+ .sb { color: #baa94a } // Literal.String.Backtick
217
+ .sc { color: #baa94a } // Literal.String.Char
218
+ .sd { color: #baa94a } // Literal.String.Doc
219
+ .se { color: #baa94a } // Literal.String.Escape
220
+ .sh { color: #baa94a } // Literal.String.Heredoc
221
+ .si { color: #baa94a } // Literal.String.Interpol
222
+ .sr { color: #009926 } // Literal.String.Regex
223
+ .ss { color: #3c90f5 } // Literal.String.Symbol
224
+ .sx { color: #baa94a } // Literal.String.Other
225
+
226
+ .w { color: #eeffff } // Text.Whitespace
227
+
228
+ .lineno, .gl { color: #8a8a8a } // Line Number
229
+ .hll { background-color: #373730 } // Marked-lines
230
+ }
231
+ }
232
+
233
+
234
+ // Mode selection
235
+ // --------------
236
+
237
+
238
+ // Classic skin (always light mode)
239
+ // Assign outside of the if construct to establish global variable scope
240
+
241
+ $brand-color: $lm-brand-color;
242
+ $brand-color-light: $lm-brand-color-light;
243
+ $brand-color-dimmed: $lm-brand-color-dimmed;
244
+ $brand-color-dark: $lm-brand-color-dark;
245
+
246
+ $site-title-color: $lm-site-title-color;
247
+
248
+ $heading-color: $lm-heading-color;
249
+ $text-color: $lm-text-color;
250
+ $background-color: $lm-background-color;
251
+ $code-background-color: $lm-code-background-color;
252
+
253
+ $link-base-color: $lm-link-base-color;
254
+ $link-visited-color: $lm-link-visited-color;
255
+ $link-hover-color: $lm-link-hover-color;
256
+
257
+ $border-color-01: $lm-border-color-01;
258
+ $border-color-02: $lm-border-color-02;
259
+ $border-color-03: $lm-border-color-03;
260
+
261
+ $table-text-color: $lm-table-text-color;
262
+ $table-zebra-color: $lm-table-zebra-color;
263
+ $table-header-bg-color: $lm-table-header-bg-color;
264
+ $table-header-border: $lm-table-header-border;
265
+ $table-border-color: $lm-table-border-color;
266
+
267
+
268
+ @if $color-scheme-auto {
269
+
270
+ // Auto mode
271
+
272
+ :root {
273
+ --minima-brand-color: #{$lm-brand-color};
274
+ --minima-brand-color-light: #{$lm-brand-color-light};
275
+ --minima-brand-color-dimmed: #{$lm-brand-color-dimmed};
276
+ --minima-brand-color-dark: #{$lm-brand-color-dark};
277
+
278
+ --minima-site-title-color: #{$lm-site-title-color};
279
+
280
+ --minima-heading-color: #{$lm-heading-color};
281
+ --minima-text-color: #{$lm-text-color};
282
+ --minima-background-color: #{$lm-background-color};
283
+ --minima-code-background-color: #{$lm-code-background-color};
284
+
285
+ --minima-link-base-color: #{$lm-link-base-color};
286
+ --minima-link-visited-color: #{$lm-link-visited-color};
287
+ --minima-link-hover-color: #{$lm-link-hover-color};
288
+
289
+ --minima-border-color-01: #{$lm-border-color-01};
290
+ --minima-border-color-02: #{$lm-border-color-02};
291
+ --minima-border-color-03: #{$lm-border-color-03};
292
+
293
+ --minima-table-text-color: #{$lm-table-text-color};
294
+ --minima-table-zebra-color: #{$lm-table-zebra-color};
295
+ --minima-table-header-bg-color: #{$lm-table-header-bg-color};
296
+ --minima-table-header-border: #{$lm-table-header-border};
297
+ --minima-table-border-color: #{$lm-table-border-color};
298
+ }
299
+
300
+ @include lm-highlight;
301
+
302
+ @media (prefers-color-scheme: dark) {
303
+ :root {
304
+ --minima-brand-color: #{$dm-brand-color};
305
+ --minima-brand-color-light: #{$dm-brand-color-light};
306
+ --minima-brand-color-dimmed: #{$dm-brand-color-dimmed};
307
+ --minima-brand-color-dark: #{$dm-brand-color-dark};
308
+
309
+ --minima-site-title-color: #{$dm-site-title-color};
310
+
311
+ --minima-heading-color: #{$dm-heading-color};
312
+ --minima-text-color: #{$dm-text-color};
313
+ --minima-background-color: #{$dm-background-color};
314
+ --minima-code-background-color: #{$dm-code-background-color};
315
+
316
+ --minima-link-base-color: #{$dm-link-base-color};
317
+ --minima-link-visited-color: #{$dm-link-visited-color};
318
+ --minima-link-hover-color: #{$dm-link-hover-color};
319
+
320
+ --minima-border-color-01: #{$dm-border-color-01};
321
+ --minima-border-color-02: #{$dm-border-color-02};
322
+ --minima-border-color-03: #{$dm-border-color-03};
323
+
324
+ --minima-table-text-color: #{$dm-table-text-color};
325
+ --minima-table-zebra-color: #{$dm-table-zebra-color};
326
+ --minima-table-header-bg-color: #{$dm-table-header-bg-color};
327
+ --minima-table-header-border: #{$dm-table-header-border};
328
+ --minima-table-border-color: #{$dm-table-border-color};
329
+ }
330
+
331
+ @include dm-highlight;
332
+ }
333
+
334
+ $brand-color: var(--minima-brand-color);
335
+ $brand-color-light: var(--minima-brand-color-light);
336
+ $brand-color-dimmed: var(--minima-brand-color-dimmed);
337
+ $brand-color-dark: var(--minima-brand-color-dark);
338
+
339
+ $site-title-color: var(--minima-site-title-color);
340
+
341
+ $heading-color: var(--minima-heading-color);
342
+ $text-color: var(--minima-text-color);
343
+ $background-color: var(--minima-background-color);
344
+ $code-background-color: var(--minima-code-background-color);
345
+
346
+ $link-base-color: var(--minima-link-base-color);
347
+ $link-visited-color: var(--minima-link-visited-color);
348
+ $link-hover-color: var(--minima-link-hover-color);
349
+
350
+ $border-color-01: var(--minima-border-color-01);
351
+ $border-color-02: var(--minima-border-color-02);
352
+ $border-color-03: var(--minima-border-color-03);
353
+
354
+ $table-text-color: var(--minima-table-text-color);
355
+ $table-zebra-color: var(--minima-table-zebra-color);
356
+ $table-header-bg-color: var(--minima-table-header-bg-color);
357
+ $table-header-border: var(--minima-table-header-border);
358
+ $table-border-color: var(--minima-table-border-color);
359
+
360
+
361
+ } @else if $color-scheme-dark {
362
+
363
+ // Dark skin (always dark mode)
364
+
365
+ $brand-color: $dm-brand-color;
366
+ $brand-color-light: $dm-brand-color-light;
367
+ $brand-color-dimmed: $dm-brand-color-dimmed;
368
+ $brand-color-dark: $dm-brand-color-dark;
369
+
370
+ $site-title-color: $dm-site-title-color;
371
+
372
+ $heading-color: $dm-heading-color;
373
+ $text-color: $dm-text-color;
374
+ $background-color: $dm-background-color;
375
+ $code-background-color: $dm-code-background-color;
376
+
377
+ $link-base-color: $dm-link-base-color;
378
+ $link-visited-color: $dm-link-visited-color;
379
+ $link-hover-color: $dm-link-hover-color;
380
+
381
+ $border-color-01: $dm-border-color-01;
382
+ $border-color-02: $dm-border-color-02;
383
+ $border-color-03: $dm-border-color-03;
384
+
385
+ $table-text-color: $dm-table-text-color;
386
+ $table-zebra-color: $dm-table-zebra-color;
387
+ $table-header-bg-color: $dm-table-header-bg-color;
388
+ $table-header-border: $dm-table-header-border;
389
+ $table-border-color: $dm-table-border-color;
390
+
391
+ @include dm-highlight;
392
+
393
+
394
+ } @else {
395
+
396
+ // Classic skin syntax highlighting
397
+ @include lm-highlight;
398
+
399
+ }
@@ -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";