minduim 1.0.2 → 1.0.3

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 94eddb1fd4c47108552aababa25658b69a4b8b853292da4a912c30913223415e
4
- data.tar.gz: bf5e5738db766d7ccc6433bfe9b2699eb3b6992302f6c5525262d94f6dfe2ea8
3
+ metadata.gz: d16f3ee1ca3988ef76959684bcac62ec47af8df800d621f9a71ace5e2983361e
4
+ data.tar.gz: 881cb23ba02e3db5a32bdc26a5d5006d51c9d69f45a5f71e382e14fa95c4a52d
5
5
  SHA512:
6
- metadata.gz: 6639fa86ba13a4ef1534772b89e3067ca9106a7d4abbbae5c8acdab2235921d2dc367a4735c30a26bb8245855d57b048cf71bab417a28ee585b24f8b3134f38f
7
- data.tar.gz: 6a2321938f04718d242394c8745d64f0c4f2b3e79ef5f71056aa3352e710f5a95617b4b9f85daffb19e016431189136f81534b2cca6a342638e60106f4daa86a
6
+ metadata.gz: 232bde07b5f80aec8f91a97e137e8929d4d7cd9ecb365806139c43aad53b32aacfe39f529d666f6c6bfcd9d4abde93cbf7f7e5e1c1311203094b98ca20126da9
7
+ data.tar.gz: 5140368d2e0f4942f4aa4efebc14930606eccbac6c51a892fec4bfb8a4f66a5d4036dfca98982c97a90d485d17278dab3d119bc1f2b3fbc112b111f0573cda5b
data/_config.yml CHANGED
@@ -1,72 +1,76 @@
1
- title: Minduim
2
- description: >-
3
- This is a theme for a Jekyll blog.
4
-
5
- logo: https://picsum.photos/300/300
6
- lang: pt-BR
7
- timezone: America/Sao_Paulo
8
-
9
- permalink: /:year/:month/:title.html
10
- slug_mode: latin
11
-
12
- plugins:
13
- - jekyll-archives
14
- - jekyll-feed
15
- - jekyll-json-feed
16
- - jekyll-paginate
17
- - jekyll-seo-tag
18
- - jekyll-sitemap
19
-
20
- # Theme Options
21
- minduim:
22
- date_formats:
23
- day: "%v"
24
- month: "%B, %Y"
25
- year: "%Y"
26
- translations:
27
- jump_to_navigation: "Go to navigation"
28
- jump_to_content: "Go to content"
29
- archive_date_title: "Posts from %s" # don't forget `%s`, it will be replaced by the date
30
- archive_tag_title: "Posts with the tag “%s”" # don't forget `%s`, it will be replaced by the tag name.
31
- archive_category_title: "Posts filed under “%s”" # don't forget `%s`, it will be replaced by the category name.
32
- post_tagged_with: "Tagged with:"
33
- blog_pagination_title: "Blog Pagination"
34
- blog_pagination_next_page: "Older posts →"
35
- blog_pagination_prev_page: "← Newer posts"
36
-
37
- # Menus
38
- main_menu:
39
- title: Navigate
40
- items:
41
- - label: About
42
- url: /about/
43
- - label: Bugs?
44
- url: https://github.com/arthrfrts/minduim/issues
45
- external: true
46
-
47
- footer_menu:
48
- title: Social
49
- items:
50
- - label: Feed
51
- url: /feed.xml
52
- - label: JSON Feed
53
- url: /feed.json
54
- - label: GitHub
55
- url: https://github.com/arthrfrts/minduim
56
- external: true
57
-
58
- # Plugin: jekyll-paginate
59
- paginate: 6
60
- paginate_path: "/page/:num/"
61
-
62
- # Plugin: jekyll-archives
63
- jekyll-archives:
64
- enabled:
65
- - year
66
- - month
67
- - tags
68
- layout: archive
69
- permalinks:
70
- year: "/:year/"
71
- month: "/:year/:month/"
72
- tag: "/tags/:name.html"
1
+ title: Minduim
2
+ description: >-
3
+ This is a theme for a Jekyll blog.
4
+
5
+ logo: https://picsum.photos/300/300
6
+ lang: en
7
+ timezone: America/Sao_Paulo
8
+
9
+ permalink: /:year/:month/:title.html
10
+ slug_mode: latin
11
+
12
+ plugins:
13
+ - jekyll-archives
14
+ - jekyll-feed
15
+ - jekyll-json-feed
16
+ - jekyll-paginate
17
+ - jekyll-seo-tag
18
+ - jekyll-sitemap
19
+
20
+ # Theme Options
21
+ minduim:
22
+ date_formats:
23
+ day: "%v"
24
+ month: "%B, %Y"
25
+ year: "%Y"
26
+ translations:
27
+ jump_to_navigation: "Go to navigation"
28
+ jump_to_content: "Go to content"
29
+ archive_date_title: "Posts from %s" # don't forget `%s`, it will be replaced by the date
30
+ archive_tag_title: "Posts with the tag “%s”" # don't forget `%s`, it will be replaced by the tag name.
31
+ archive_category_title: "Posts filed under “%s”" # don't forget `%s`, it will be replaced by the category name.
32
+ post_tagged_with: "Tagged with:"
33
+ blog_pagination_title: "Blog Pagination"
34
+ blog_pagination_next_page: "Older posts →"
35
+ blog_pagination_prev_page: "← Newer posts"
36
+
37
+ favicon:
38
+ url: /assets/images/favicon.png
39
+ type: image/png
40
+
41
+ # Menus
42
+ main_menu:
43
+ title: Navigate
44
+ items:
45
+ - label: About
46
+ url: /about/
47
+ - label: Bugs?
48
+ url: https://github.com/arthrfrts/minduim/issues
49
+ external: true
50
+
51
+ footer_menu:
52
+ title: Social
53
+ items:
54
+ - label: Feed
55
+ url: /feed.xml
56
+ - label: JSON Feed
57
+ url: /feed.json
58
+ - label: GitHub
59
+ url: https://github.com/arthrfrts/minduim
60
+ external: true
61
+
62
+ # Plugin: jekyll-paginate
63
+ paginate: 6
64
+ paginate_path: "/page/:num/"
65
+
66
+ # Plugin: jekyll-archives
67
+ jekyll-archives:
68
+ enabled:
69
+ - year
70
+ - month
71
+ - tags
72
+ layout: archive
73
+ permalinks:
74
+ year: "/:year/"
75
+ month: "/:year/:month/"
76
+ tag: "/tags/:name.html"
@@ -16,6 +16,9 @@
16
16
  <link rel="stylesheet" href="{% link assets/css/layout.css %}" />
17
17
  <link rel="stylesheet" href="{% link assets/css/theme.css %}" />
18
18
  <link rel="stylesheet" href="{% link assets/css/syntax.css %}" />
19
+ {% if site.favicon -%}
20
+ <link rel=" icon" {% if site.favicon.type -%} type="{{ site.favicon.type }}" {%- endif %} href="{{ site.favicon.url | default: site.favicon }}" />
21
+ {%- endif %}
19
22
  </head>
20
23
  <body>
21
24
  {% include header.html %}
data/assets/css/base.css CHANGED
@@ -1,430 +1,432 @@
1
- /*
2
- Default variable values
3
- */
4
- :root {
5
- /* Typography */
6
- --font-family-base:
7
- Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial,
8
- sans-serif;
9
- --font-family-headings: var(--font-family-base);
10
- --font-family-quote:
11
- Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
12
- --font-family-code:
13
- ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
14
- "DejaVu Sans Mono", monospace;
15
- --font-size-base: 16px;
16
- --font-size-small: 0.875em;
17
- /* Colors */
18
- --color-background: var(--white);
19
- --color-foreground: var(--black);
20
- --color-accent: var(--yellow);
21
- --color-accent-alt: var(--red);
22
- --color-details: var(--gray);
23
- /* Details */
24
- --radius: 0.5rem;
25
- --border: 1px dotted var(--color-details);
26
- --shadow: 0 0 7px var(--color-details);
27
- --transition-duration: 0.36s;
28
- /* Color palette */
29
- --white: rgb(255, 255, 255);
30
- --black: rgb(44, 44, 44);
31
- --gray: rgb(133, 146, 158);
32
- --red: rgb(231, 76, 60);
33
- --yellow: rgb(241, 196, 15);
34
- }
35
-
36
- /*
37
- Resets
38
- */
39
-
40
- html {
41
- box-sizing: border-box;
42
- font-size: var(--font-size-base);
43
- }
44
-
45
- *,
46
- *::before,
47
- *::after {
48
- box-sizing: inherit;
49
- }
50
-
51
- body,
52
- h1,
53
- h2,
54
- h3,
55
- h4,
56
- h5,
57
- h6,
58
- p,
59
- blockquote,
60
- pre,
61
- hr,
62
- dl,
63
- dd,
64
- ol,
65
- ul,
66
- table,
67
- iframe,
68
- audio,
69
- video,
70
- figure,
71
- input,
72
- button,
73
- textarea {
74
- appearance: none;
75
- -webkit-appearance: none;
76
- background: none;
77
- border: none;
78
- font: inherit;
79
- margin: 0;
80
- padding: 0;
81
- position: relative;
82
- }
83
-
84
- /*
85
- Basic styling
86
- */
87
-
88
- body {
89
- font-family: var(--font-family-base);
90
- font-size: var(--font-size-base);
91
- background-color: var(--color-background);
92
- color: var(--color-foreground);
93
- }
94
-
95
- ::selection {
96
- background: var(--color-accent-alt);
97
- color: var(--color-background);
98
- }
99
-
100
- /*
101
- Text Elements
102
- */
103
-
104
- p,
105
- blockquote,
106
- pre,
107
- ul,
108
- ol,
109
- dl,
110
- figure,
111
- table,
112
- iframe,
113
- audio,
114
- video {
115
- line-height: 1.5;
116
- margin-bottom: 1rem;
117
- }
118
-
119
- h1,
120
- h2,
121
- h3,
122
- h4,
123
- h5,
124
- h6 {
125
- font-weight: 700;
126
- line-height: 1.3;
127
- margin-bottom: 1.25rem;
128
- }
129
-
130
- strong,
131
- b {
132
- font-weight: 700;
133
- }
134
-
135
- em,
136
- i {
137
- font-style: italic;
138
- }
139
-
140
- mark,
141
- ins {
142
- background-color: var(--color-accent);
143
- text-decoration: none;
144
- }
145
-
146
- del,
147
- strike {
148
- text-decoration: line-through;
149
- text-decoration-style: wavy;
150
- }
151
-
152
- abbr,
153
- acronym {
154
- text-decoration-style: dotted;
155
- cursor: help;
156
- }
157
-
158
- sub,
159
- sup {
160
- font-size: 0.65em;
161
- line-height: 100%;
162
- }
163
-
164
- /* Headings */
165
- h1 {
166
- font-size: 2em;
167
- }
168
-
169
- h2 {
170
- font-size: 1.75em;
171
- }
172
-
173
- h3 {
174
- font-size: 1.5em;
175
- }
176
-
177
- h4 {
178
- font-size: 1.25em;
179
- }
180
-
181
- h5 {
182
- font-size: 1em;
183
- }
184
-
185
- h6 {
186
- font-size: 0.75em;
187
- }
188
-
189
- /* Links */
190
- a {
191
- color: currentcolor;
192
- text-decoration: underline;
193
- text-decoration-style: wavy;
194
- transition-property: color, text-decoration-color;
195
- transition-duration: var(--transition-duration);
196
- text-decoration-thickness: from-font;
197
- }
198
-
199
- a:hover,
200
- a:focus {
201
- text-decoration-color: var(--color-accent);
202
- }
203
-
204
- a:active {
205
- color: var(--color-accent-alt);
206
- text-decoration-color: currentcolor;
207
- }
208
-
209
- /* Lists */
210
-
211
- ul {
212
- list-style: square;
213
- }
214
-
215
- li::marker {
216
- color: var(--color-accent-alt);
217
- }
218
-
219
- ul ul {
220
- list-style: circle;
221
- }
222
-
223
- ul ul ul {
224
- list-style: disc;
225
- }
226
-
227
- ol ol {
228
- list-style: lower-alpha;
229
- }
230
-
231
- ol ol ol {
232
- list-style: lower-roman;
233
- }
234
-
235
- li ul,
236
- li ol {
237
- margin-bottom: 0;
238
- }
239
-
240
- li {
241
- margin-block: 0.5rem;
242
- margin-left: 1.5rem;
243
- padding-left: 0.5rem;
244
- }
245
-
246
- dl dt {
247
- font-weight: 700;
248
- }
249
-
250
- dl dd + dt,
251
- dl dd + dd {
252
- margin-top: 0.5rem;
253
- }
254
-
255
- .task-list {
256
- list-style: none;
257
- }
258
-
259
- .task-list-item {
260
- display: flex;
261
- flex-flow: row nowrap;
262
- align-items: center;
263
- gap: 0.5rem;
264
- margin-left: 0;
265
- padding-left: 0;
266
- }
267
-
268
- /* Blockquote */
269
- q {
270
- quotes: "“" "”" "‘" "’";
271
- font-style: normal;
272
- }
273
-
274
- blockquote {
275
- font-family: var(--font-family-quote);
276
- font-style: italic;
277
- line-height: 1.65;
278
- border-left: 0.5rem solid var(--color-accent);
279
- padding-left: 1rem;
280
- }
281
-
282
- blockquote cite {
283
- font-family: var(--font-family-base);
284
- font-style: normal;
285
- font-size: var(--font-size-small);
286
- }
287
-
288
- /* Tables */
289
- table {
290
- width: 100%;
291
- border-collapse: collapse;
292
- margin-bottom: 1.5rem;
293
- transition: color var(--transition-duration);
294
- }
295
-
296
- table th {
297
- text-align: left;
298
- background: var(--color-accent);
299
- }
300
-
301
- table th,
302
- table td {
303
- padding: 0.5rem;
304
- border-bottom: var(--border);
305
- }
306
-
307
- /* Code and pre-formatted text */
308
- pre,
309
- code,
310
- var,
311
- kbd,
312
- tt {
313
- font-family: var(--font-family-code);
314
- font-size: var(--font-size-small);
315
- }
316
-
317
- pre {
318
- max-width: 100%;
319
- overflow: auto;
320
- }
321
-
322
- pre code {
323
- font-size: 100%;
324
- }
325
-
326
- .highlight .gutter {
327
- width: 3ch;
328
- }
329
-
330
- /*
331
- Horizontal Rule
332
- */
333
- hr {
334
- margin-block: 1.5rem;
335
- height: 0;
336
- border-bottom: var(--border);
337
- }
338
-
339
- /*
340
- Media
341
- */
342
- /* Images */
343
- img {
344
- max-width: 100%;
345
- overflow: hidden;
346
- opacity: 1;
347
- }
348
-
349
- @media screen and (prefers-color-scheme: dark) {
350
- img {
351
- opacity: 0.75;
352
- transition: opacity var(--transition-duration) ease;
353
- }
354
-
355
- img:hover,
356
- img:focus {
357
- opacity: 1;
358
- }
359
- }
360
-
361
- .post-content img {
362
- border-radius: 0.5rem;
363
- box-shadow: var(--shadow);
364
- }
365
-
366
- @media screen and (width > 690px) {
367
- .post-content img {
368
- width: calc(100% - (0.5rem + 10rem));
369
- }
370
- }
371
-
372
- img + em,
373
- img + br + em,
374
- figcaption {
375
- display: block;
376
- width: 10rem;
377
- color: var(--color-details);
378
- font-style: normal;
379
- font-size: var(--font-size-small);
380
- padding: 0.25rem 0.5rem;
381
- }
382
-
383
- @media screen and (width > 690px) {
384
- img + em,
385
- img + br + em,
386
- figcaption {
387
- position: absolute;
388
- top: 0;
389
- right: 0;
390
- }
391
- }
392
-
393
- video,
394
- iframe[src*="youtu"],
395
- iframe[src*="twitch"],
396
- iframe[src*="vimeo"] {
397
- border: var(--border);
398
- border-radius: var(--radius);
399
- box-shadow: var(--shadow);
400
- aspect-ratio: 16 / 9;
401
- height: auto;
402
- width: 100%;
403
- }
404
-
405
- audio {
406
- width: 100%;
407
- border-radius: var(--radius);
408
- box-shadow: var(--shadow);
409
- }
410
-
411
- /*
412
- Footnotes
413
- */
414
- .footnotes {
415
- margin-top: 1.5rem;
416
- padding-top: 1.5rem;
417
- border-top: var(--border);
418
- font-size: var(--font-size-small);
419
- }
420
-
421
- /*
422
- TODO: Forms
423
- */
424
-
425
- input[type="checkbox"] {
426
- appearance: checkbox;
427
- width: 1em;
428
- height: 1em;
429
- accent-color: var(--color-accent-alt);
430
- }
1
+ /*
2
+ Default variable values
3
+ */
4
+ :root {
5
+ /* Typography */
6
+ --font-family-base:
7
+ Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial,
8
+ sans-serif;
9
+ --font-family-headings: var(--font-family-base);
10
+ --font-family-quote:
11
+ Charter, "Bitstream Charter", "Sitka Text", Cambria, serif;
12
+ --font-family-code:
13
+ ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas,
14
+ "DejaVu Sans Mono", monospace;
15
+ --font-size-base: 16px;
16
+ --font-size-small: 0.875em;
17
+ /* Colors */
18
+ --color-background: var(--white);
19
+ --color-foreground: var(--black);
20
+ --color-accent: var(--yellow);
21
+ --color-accent-alt: var(--red);
22
+ --color-details: var(--gray);
23
+ /* Details */
24
+ --radius: 0.5rem;
25
+ --border: 1px dotted var(--color-details);
26
+ --shadow: 0 0 7px var(--color-details);
27
+ --transition-duration: 0.36s;
28
+ /* Color palette */
29
+ --white: rgb(255, 255, 255);
30
+ --black: rgb(44, 44, 44);
31
+ --gray: rgb(133, 146, 158);
32
+ --red: rgb(231, 76, 60);
33
+ --yellow: rgb(241, 196, 15);
34
+ }
35
+
36
+ /*
37
+ Resets
38
+ */
39
+
40
+ html {
41
+ box-sizing: border-box;
42
+ font-size: var(--font-size-base);
43
+ }
44
+
45
+ *,
46
+ *::before,
47
+ *::after {
48
+ box-sizing: inherit;
49
+ }
50
+
51
+ body,
52
+ h1,
53
+ h2,
54
+ h3,
55
+ h4,
56
+ h5,
57
+ h6,
58
+ p,
59
+ blockquote,
60
+ pre,
61
+ hr,
62
+ dl,
63
+ dd,
64
+ ol,
65
+ ul,
66
+ table,
67
+ iframe,
68
+ audio,
69
+ video,
70
+ figure,
71
+ input,
72
+ button,
73
+ textarea {
74
+ appearance: none;
75
+ -webkit-appearance: none;
76
+ background: none;
77
+ border: none;
78
+ font: inherit;
79
+ margin: 0;
80
+ padding: 0;
81
+ position: relative;
82
+ }
83
+
84
+ /*
85
+ Basic styling
86
+ */
87
+
88
+ body {
89
+ font-family: var(--font-family-base);
90
+ font-size: var(--font-size-base);
91
+ background-color: var(--color-background);
92
+ color: var(--color-foreground);
93
+ }
94
+
95
+ ::selection {
96
+ background: var(--color-accent-alt);
97
+ color: var(--color-background);
98
+ }
99
+
100
+ /*
101
+ Text Elements
102
+ */
103
+
104
+ p,
105
+ blockquote,
106
+ pre,
107
+ ul,
108
+ ol,
109
+ dl,
110
+ figure,
111
+ table,
112
+ iframe,
113
+ audio,
114
+ video {
115
+ line-height: 1.5;
116
+ margin-bottom: 1rem;
117
+ }
118
+
119
+ h1,
120
+ h2,
121
+ h3,
122
+ h4,
123
+ h5,
124
+ h6 {
125
+ font-weight: 700;
126
+ line-height: 1.3;
127
+ margin-bottom: 1.25rem;
128
+ }
129
+
130
+ strong,
131
+ b {
132
+ font-weight: 700;
133
+ }
134
+
135
+ em,
136
+ i {
137
+ font-style: italic;
138
+ }
139
+
140
+ mark,
141
+ ins {
142
+ background-color: var(--color-accent);
143
+ text-decoration: none;
144
+ }
145
+
146
+ del,
147
+ strike {
148
+ text-decoration: line-through;
149
+ text-decoration-style: wavy;
150
+ }
151
+
152
+ abbr,
153
+ acronym {
154
+ text-decoration-style: dotted;
155
+ cursor: help;
156
+ }
157
+
158
+ sub,
159
+ sup {
160
+ font-size: 0.65em;
161
+ line-height: 100%;
162
+ }
163
+
164
+ /* Headings */
165
+ h1 {
166
+ font-size: 2em;
167
+ }
168
+
169
+ h2 {
170
+ font-size: 1.75em;
171
+ }
172
+
173
+ h3 {
174
+ font-size: 1.5em;
175
+ }
176
+
177
+ h4 {
178
+ font-size: 1.25em;
179
+ }
180
+
181
+ h5 {
182
+ font-size: 1em;
183
+ }
184
+
185
+ h6 {
186
+ font-size: 0.75em;
187
+ }
188
+
189
+ /* Links */
190
+ a {
191
+ color: currentcolor;
192
+ text-decoration: underline;
193
+ text-decoration-style: wavy;
194
+ transition-property: color, text-decoration-color;
195
+ transition-duration: var(--transition-duration);
196
+ text-decoration-thickness: from-font;
197
+ }
198
+
199
+ a:hover,
200
+ a:focus {
201
+ text-decoration-color: var(--color-accent);
202
+ }
203
+
204
+ a:active {
205
+ color: var(--color-accent-alt);
206
+ text-decoration-color: currentcolor;
207
+ }
208
+
209
+ /* Lists */
210
+
211
+ ul {
212
+ list-style: square;
213
+ }
214
+
215
+ li::marker {
216
+ color: var(--color-accent-alt);
217
+ }
218
+
219
+ ul ul {
220
+ list-style: circle;
221
+ }
222
+
223
+ ul ul ul {
224
+ list-style: disc;
225
+ }
226
+
227
+ ol ol {
228
+ list-style: lower-alpha;
229
+ }
230
+
231
+ ol ol ol {
232
+ list-style: lower-roman;
233
+ }
234
+
235
+ li ul,
236
+ li ol {
237
+ margin-bottom: 0;
238
+ }
239
+
240
+ li {
241
+ margin-block: 0.5rem;
242
+ margin-left: 1.5rem;
243
+ padding-left: 0.5rem;
244
+ }
245
+
246
+ dl dt {
247
+ font-weight: 700;
248
+ }
249
+
250
+ dl dd + dt,
251
+ dl dd + dd {
252
+ margin-top: 0.5rem;
253
+ }
254
+
255
+ .task-list {
256
+ list-style: none;
257
+ }
258
+
259
+ .task-list-item {
260
+ display: flex;
261
+ flex-flow: row nowrap;
262
+ align-items: center;
263
+ gap: 0.5rem;
264
+ margin-left: 0;
265
+ padding-left: 0;
266
+ }
267
+
268
+ /* Blockquote */
269
+ q {
270
+ quotes: "“" "”" "‘" "’";
271
+ font-style: normal;
272
+ }
273
+
274
+ blockquote {
275
+ font-family: var(--font-family-quote);
276
+ font-style: italic;
277
+ line-height: 1.65;
278
+ border-left: 0.5rem solid var(--color-accent);
279
+ padding-left: 1rem;
280
+ }
281
+
282
+ blockquote cite {
283
+ font-family: var(--font-family-base);
284
+ font-style: normal;
285
+ font-size: var(--font-size-small);
286
+ }
287
+
288
+ /* Tables */
289
+ table {
290
+ width: 100%;
291
+ border-collapse: collapse;
292
+ margin-bottom: 1.5rem;
293
+ transition: color var(--transition-duration);
294
+ }
295
+
296
+ table th {
297
+ text-align: left;
298
+ background: var(--color-accent);
299
+ }
300
+
301
+ table th,
302
+ table td {
303
+ padding: 0.5rem;
304
+ border-bottom: var(--border);
305
+ }
306
+
307
+ /* Code and pre-formatted text */
308
+ pre,
309
+ code,
310
+ var,
311
+ kbd,
312
+ tt {
313
+ font-family: var(--font-family-code);
314
+ font-size: var(--font-size-small);
315
+ }
316
+
317
+ pre {
318
+ max-width: 100%;
319
+ overflow: auto;
320
+ }
321
+
322
+ pre code {
323
+ font-size: 100%;
324
+ }
325
+
326
+ .highlight .gutter {
327
+ width: 3ch;
328
+ }
329
+
330
+ /*
331
+ Horizontal Rule
332
+ */
333
+ hr {
334
+ margin-block: 1.5rem;
335
+ height: 0;
336
+ border-bottom: var(--border);
337
+ }
338
+
339
+ /*
340
+ Media
341
+ */
342
+ /* Images */
343
+ img {
344
+ max-width: 100%;
345
+ overflow: hidden;
346
+ opacity: 1;
347
+ }
348
+
349
+ @media screen and (prefers-color-scheme: dark) {
350
+ img {
351
+ opacity: 0.75;
352
+ transition: opacity var(--transition-duration) ease;
353
+ }
354
+
355
+ img:hover,
356
+ img:focus {
357
+ opacity: 1;
358
+ }
359
+ }
360
+
361
+ .post-content img,
362
+ .page-content img {
363
+ border-radius: 0.5rem;
364
+ box-shadow: var(--shadow);
365
+ }
366
+
367
+ @media screen and (width > 690px) {
368
+ .post-content img,
369
+ .page-content img {
370
+ width: calc(100% - (0.5rem + 10rem));
371
+ }
372
+ }
373
+
374
+ img + em,
375
+ img + br + em,
376
+ figcaption {
377
+ display: block;
378
+ width: 10rem;
379
+ color: var(--color-details);
380
+ font-style: normal;
381
+ font-size: var(--font-size-small);
382
+ padding: 0.25rem 0.5rem;
383
+ }
384
+
385
+ @media screen and (width > 690px) {
386
+ img + em,
387
+ img + br + em,
388
+ figcaption {
389
+ position: absolute;
390
+ top: 0;
391
+ right: 0;
392
+ }
393
+ }
394
+
395
+ video,
396
+ iframe[src*="youtu"],
397
+ iframe[src*="twitch"],
398
+ iframe[src*="vimeo"] {
399
+ border: var(--border);
400
+ border-radius: var(--radius);
401
+ box-shadow: var(--shadow);
402
+ aspect-ratio: 16 / 9;
403
+ height: auto;
404
+ width: 100%;
405
+ }
406
+
407
+ audio {
408
+ width: 100%;
409
+ border-radius: var(--radius);
410
+ box-shadow: var(--shadow);
411
+ }
412
+
413
+ /*
414
+ Footnotes
415
+ */
416
+ .footnotes {
417
+ margin-top: 1.5rem;
418
+ padding-top: 1.5rem;
419
+ border-top: var(--border);
420
+ font-size: var(--font-size-small);
421
+ }
422
+
423
+ /*
424
+ TODO: Forms
425
+ */
426
+
427
+ input[type="checkbox"] {
428
+ appearance: checkbox;
429
+ width: 1em;
430
+ height: 1em;
431
+ accent-color: var(--color-accent-alt);
432
+ }
Binary file
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: minduim
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.2
4
+ version: 1.0.3
5
5
  platform: ruby
6
6
  authors:
7
7
  - Arthur Freitas
@@ -146,6 +146,7 @@ files:
146
146
  - assets/css/layout.css
147
147
  - assets/css/syntax.css
148
148
  - assets/css/theme.css
149
+ - assets/images/favicon.png
149
150
  homepage: https://minduim.arthr.dev
150
151
  licenses:
151
152
  - MIT
@@ -169,7 +170,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
169
170
  - !ruby/object:Gem::Version
170
171
  version: '0'
171
172
  requirements: []
172
- rubygems_version: 3.6.9
173
+ rubygems_version: 3.7.1
173
174
  specification_version: 4
174
175
  summary: A charming blog theme for Jekyll.
175
176
  test_files: []