jekyll-bear-theme 0.2.0 → 0.2.1

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.
Files changed (3) hide show
  1. checksums.yaml +4 -4
  2. data/assets/style.css +84 -39
  3. metadata +2 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 2ecc530b679d4282ee1b024826ab66867981de210b25bc59772758990f1f9fa3
4
- data.tar.gz: 89b663c633e425b61c4ec0c25de78dc6082027bc89c0ecbe8a435c49ac8786bf
3
+ metadata.gz: 0aea73bf2945806e91fd295522999311b1742e678325d80c0cf2a8f1fe9ffe08
4
+ data.tar.gz: 48abae5a7748870c70172c3502d4d405495ef32515e26d7ecae275c2ea8842da
5
5
  SHA512:
6
- metadata.gz: 821809b58d18a4f4f5c2af63725552a224cb0cd8b0419b5d8641a9697a7902aed86013601a818518116796f76252b3b05fa17ce543779fea3a659039317d2683
7
- data.tar.gz: 276a81deb6a733f2a10c891bb111e4a821b3af99e2fa1dd354b5e9f77df56ff5d3aa307fe7f4d185082a188a61ad21aa8eaf0dcc6b3c18d29c1e6cbfcf17d6c3
6
+ metadata.gz: f2364bd20a3a958a9a99d1286dfa8a96057955469fd316d1db7b9a5ba0c034ee7007ef1d8d957c5664747d1ae28fa4f9011040c33cb5f2bca9337bc33e616342
7
+ data.tar.gz: b494eae2cb5b9b83a598068c57d4ec166bcd13c8f911eb2a5b98a6f71ff18290e4dc3d83753024c6e507bbfaffd53721d48e6918ea6f064611615dc5698f1b89
data/assets/style.css CHANGED
@@ -3,41 +3,85 @@
3
3
  position: relative;
4
4
  cursor: pointer;
5
5
  }
6
- .week[data-event]:hover::after {
7
- content: attr(data-event);
8
- position: absolute;
9
- background: var(--background-color);
10
- color: var(--text-color);
11
- padding: 0.6rem;
12
- border-radius: 8px;
13
- font-size: 1rem;
14
- font-family: var(--font-secondary);
15
- font-weight: normal;
16
- line-height: 1.4;
17
- white-space: pre-line;
18
- z-index: 100;
19
- box-shadow: 0 4px 16px rgba(0,0,0,0.18);
20
- top: 130%;
21
- left: 50%;
22
- transform: translateX(-50%);
23
- pointer-events: none;
24
- max-width: 50vw;
25
- min-width: max-content;
26
- width: max-content;
27
- text-align: left;
28
- display: flex;
29
- align-items: center;
30
- vertical-align: baseline;
6
+
7
+ /* Desktop: show tooltip on hover */
8
+ @media (hover: hover) {
9
+ .week[data-event]:hover::after {
10
+ content: attr(data-event);
11
+ position: absolute;
12
+ background: var(--background-color);
13
+ color: var(--text-color);
14
+ padding: 0.6rem;
15
+ border-radius: 0.2rem;
16
+ border: 1px solid var(--blockquote-color);
17
+ font-size: 1rem;
18
+ font-family: var(--font-thin);
19
+ font-weight: normal;
20
+ line-height: 1.2;
21
+ white-space: pre-line;
22
+ z-index: 100;
23
+ box-shadow: 0 4px 16px rgba(0,0,0,0.18);
24
+ top: 130%;
25
+ left: 50%;
26
+ transform: translateX(-50%);
27
+ pointer-events: none;
28
+ max-width: 30vw;
29
+ min-width: max-content;
30
+ width: max-content;
31
+ text-align: left;
32
+ display: flex;
33
+ align-items: center;
34
+ vertical-align: baseline;
35
+ }
36
+ }
37
+
38
+ /* Mobile: show tooltip on active/focus */
39
+ @media (hover: none) {
40
+ .week[data-event]:active::after,
41
+ .week[data-event]:focus::after {
42
+ content: attr(data-event);
43
+ position: absolute;
44
+ background: var(--background-color);
45
+ color: var(--text-color);
46
+ padding: 0.6rem;
47
+ border-radius: 0.2rem;
48
+ border: 1px solid var(--blockquote-color);
49
+ font-size: 1rem;
50
+ font-family: var(--font-thin);
51
+ font-weight: normal;
52
+ line-height: 1.2;
53
+ white-space: pre-line;
54
+ z-index: 100;
55
+ box-shadow: 0 4px 16px rgba(0,0,0,0.18);
56
+ top: 130%;
57
+ left: 50%;
58
+ transform: translateX(-50%);
59
+ pointer-events: none;
60
+ max-width: 50vw;
61
+ min-width: max-content;
62
+ width: max-content;
63
+ text-align: left;
64
+ display: flex;
65
+ align-items: center;
66
+ vertical-align: baseline;
67
+ }
68
+
69
+ .week[data-event] {
70
+ -webkit-tap-highlight-color: transparent;
71
+ outline: none;
72
+ }
31
73
  }
32
74
 
33
75
 
34
76
 
35
- @import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@100;200;300;400;500;600;700;800;900&display=swap');
77
+ @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
36
78
 
37
79
  :root {
38
80
  --width: 900px;
39
- --font-main: 'Fira Code', monospace;
40
- --font-secondary: 'Fira Code', monospace;
81
+ --font-main: 'IBM Plex Sans', sans-serif;
82
+ --font-thin: 'IBM Plex Sans Thin', sans-serif;
83
+ --font-secondary: 'IBM Plex Sans', sans-serif;
84
+ --font-monospace: 'IBM Plex Mono', monospace;
41
85
  --font-scale: .95em;
42
86
  --background-color: #F8F1E5; /* Lighter cream */
43
87
  --heading-color: #2C1E15; /* Darker roast coffee */
@@ -140,7 +184,7 @@ img {
140
184
  }
141
185
 
142
186
  code {
143
- font-family: monospace;
187
+ font-family: var(--font-monospace);
144
188
  padding: 2px;
145
189
  background-color: var(--code-background-color);
146
190
  color: var(--code-color);
@@ -225,7 +269,8 @@ td {
225
269
 
226
270
  /* external link marker */
227
271
  a[href^="http"]:where(:not([href*="knhash.in/"])):not(:has(img))::after {
228
- content: "↗"
272
+ content: "↗";
273
+ font-family: var(--font-monospace);
229
274
  }
230
275
 
231
276
  /* Form elements */
@@ -280,7 +325,6 @@ input[type=button], input[type=submit], input[type=reset] {
280
325
 
281
326
  .weeks-grid {
282
327
  margin: 60px 0;
283
- font-family: var(--font-main);
284
328
  display: flex;
285
329
  flex-wrap: wrap;
286
330
  gap: 2px;
@@ -291,19 +335,19 @@ input[type=button], input[type=submit], input[type=reset] {
291
335
  /* Make weeks grid wider on larger screens while maintaining padding */
292
336
  @media (min-width: 1200px) {
293
337
  .weeks-grid {
294
- max-width: calc(100vw - 10vw);
295
- width: calc(100vw - 10vw);
296
- margin-left: calc((var(--width) - 100vw + 10vw) / 2);
297
- margin-right: calc((var(--width) - 100vw + 10vw) / 2);
338
+ max-width: calc(100vw - 20vw);
339
+ width: calc(100vw - 20vw);
340
+ margin-left: calc((var(--width) - 100vw + 20vw) / 2);
341
+ margin-right: calc((var(--width) - 100vw + 20vw) / 2);
298
342
  }
299
343
  }
300
344
 
301
345
  @media (min-width: 1400px) {
302
346
  .weeks-grid {
303
- max-width: calc(100vw - 10vw);
304
- width: calc(100vw - 10vw);
305
- margin-left: calc((var(--width) - 100vw + 10vw) / 2);
306
- margin-right: calc((var(--width) - 100vw + 10vw) / 2);
347
+ max-width: calc(100vw - 20vw);
348
+ width: calc(100vw - 20vw);
349
+ margin-left: calc((var(--width) - 100vw + 20vw) / 2);
350
+ margin-right: calc((var(--width) - 100vw + 20vw) / 2);
307
351
  }
308
352
  }
309
353
 
@@ -317,6 +361,7 @@ input[type=button], input[type=submit], input[type=reset] {
317
361
  justify-content: center;
318
362
  position: relative;
319
363
  cursor: help;
364
+ font-family: var(--font-thin);
320
365
  font-size: var(--font-scale);
321
366
  line-height: 1.5;
322
367
  padding: 4px 8px;
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-bear-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - knhash
8
8
  bindir: bin
9
9
  cert_chain: []
10
- date: 2025-07-16 00:00:00.000000000 Z
10
+ date: 2025-07-17 00:00:00.000000000 Z
11
11
  dependencies:
12
12
  - !ruby/object:Gem::Dependency
13
13
  name: jekyll