benjeto-jekyll-theme 0.2.4 → 0.2.6

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: 1b5afa56288038e4c1dea387adfbc0e19df8660bd4419354136911a34c270a04
4
- data.tar.gz: 476e99ac62812a9fb26c8c20cb97ee4a7104ad9f229e88f1e161c386402f5ac2
3
+ metadata.gz: 348eea5bc9bc577248de595d5c8550c9a173cb8d5983fc0c4163689551f7c822
4
+ data.tar.gz: cf1e8a72c651737e54403afb74db233083ee012e71ae0d02b37f389f885b3752
5
5
  SHA512:
6
- metadata.gz: 6cef578e09daadb30fa07d9125d8934f4db45110b05eff874d07a19babc44a254d60519c2af0f797fb80432ce965f1b47c8edf11804e8c1aa54c437a00d682e5
7
- data.tar.gz: 5d7ab2dd1fb12dc0528c492ac76914d25db450b7e02680807f208c5e49bbe4d145ed89c69232b5a2b876a5b0c73cbcb0b6176e002a86c503c037aa291dc8224e
6
+ metadata.gz: 54e62a712e2f77820f704adb6ae1d5e069abed240c0de66154249527d9aeeae24c32b64aa2f9ec2fafbdd0926c8345e988ee77ad1bc90f2a742dc86972af57b5
7
+ data.tar.gz: 255a2f77a2d69c62b4a32c37212634873b05a4b5f8344ae0e4a62b4e01bf4ef9e4695b6b3857f8e60cea41bf01197acaa55049f330c66ec2193ebce95bec0a43
@@ -0,0 +1,10 @@
1
+ {%- if include.type == "button" -%}
2
+ <button class="cstm-btn btn-{{ include.style }}"
3
+ {%- if include.id %} id="{{ include.id }}"{% endif %}>{{ include.text }}</button>
4
+ {%- else -%}
5
+ <a href="{{ include.url }}"
6
+ class="cstm-btn{% if include.style %} btn-{{ include.style }}{% endif %}"
7
+ {%- if include.type == "download" %} download{% endif %}
8
+ {%- if include.type == "external" %} target="_blank"{% endif -%}
9
+ >{{ include.text }}</a>
10
+ {%- endif -%}
@@ -124,15 +124,15 @@ pre, code, code * {
124
124
  font-family: monospace, system-ui, sans-serif;
125
125
  }
126
126
  code {
127
- background: var(--boxbglight);
128
- border: 1px solid var(--boxbglight);
127
+ background: var(--boxbg);
128
+ border: 1px solid var(--boxbg);
129
129
  border-radius: 4px;
130
130
  padding: 1px 4px;
131
131
  margin: 0 2px;
132
132
  }
133
133
  pre code {
134
134
  background: var(--bglight);
135
- border-color: var(--bglight);
135
+ border-color: var(--boxbg);
136
136
  direction: ltr;
137
137
  display: block;
138
138
  border-radius: 6px;
@@ -182,6 +182,46 @@ video {
182
182
  vertical-align: bottom;
183
183
  }
184
184
 
185
+ .cstm-btn {
186
+ display: inline-block;
187
+ border-radius: 6px;
188
+ padding: 8px 16px;
189
+ margin: 8px 4px;
190
+ font-size: 1em;
191
+ font-weight: 600;
192
+ cursor: pointer;
193
+ border: 1px solid var(--border);
194
+ color: var(--link);
195
+ background: none;
196
+ transition: background 0.2s, color 0.2s;
197
+ &.btn-filled {
198
+ background: var(--link);
199
+ color: var(--bg);
200
+ border: none;
201
+ padding: 9px 17px;
202
+ cursor: pointer;
203
+ &:hover {
204
+ background: var(--linkhover);
205
+ color: var(--bg);
206
+ }
207
+ }
208
+ &.btn-light {
209
+ background: var(--boxbg);
210
+ color: var(--text);
211
+ border: none;
212
+ padding: 9px 17px;
213
+ &:hover {
214
+ background: var(--boxbglight);
215
+ color: var(--link);
216
+ }
217
+ }
218
+ &:hover {
219
+ background: var(--boxbglight);
220
+ color: var(--linkhover);
221
+ text-decoration: none;
222
+ }
223
+ }
224
+
185
225
  .menu-btn {
186
226
  font-weight: bold;
187
227
  font-size: 1em;
@@ -228,6 +268,7 @@ button.shareBtn {
228
268
  height: 34px;
229
269
  padding: 0 6px;
230
270
  text-align: end;
271
+ cursor: pointer;
231
272
  transition: background 0.2s;
232
273
  &:hover, &.disabled {
233
274
  background: var(--boxbg);
@@ -367,7 +408,7 @@ header.home {
367
408
  color: var(--linkhover);
368
409
  background: var(--boxbg);
369
410
  border-radius: 4px;
370
- padding: 5px 8px;
411
+ padding: 5px 7px;
371
412
  transition: background 0.2s;
372
413
  &:hover {
373
414
  background: var(--boxbglight);
@@ -640,10 +681,6 @@ ul.lang-select {
640
681
  }
641
682
 
642
683
  @media (prefers-contrast: more) {
643
- code, pre code, .pagebox pre code {
644
- background: var(--bg);
645
- border-color: var(--boxbg);
646
- }
647
684
  article.post {
648
685
  border-color: var(--bglight);
649
686
  }
@@ -30,4 +30,9 @@
30
30
  .icon {
31
31
  filter: invert(1);
32
32
  }
33
+ @media (prefers-contrast: more) {
34
+ code, pre code, .pagebox pre code {
35
+ background: var(--bg);
36
+ }
37
+ }
33
38
 
@@ -7,8 +7,8 @@
7
7
  --head: #0a0a0a;
8
8
  --link: #0050ea;
9
9
  --linkhover: #0020a0;
10
- --boxbg: #ccdcfa;
11
- --boxbglight: #e0ecff;
10
+ --boxbg: #d0defc;
11
+ --boxbglight: #e5f0ff;
12
12
  --border: #75a5ff;
13
13
  }
14
14
  @media (prefers-contrast: more) {
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: benjeto-jekyll-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.4
4
+ version: 0.2.6
5
5
  platform: ruby
6
6
  authors:
7
7
  - Cizzuk
@@ -77,6 +77,7 @@ files:
77
77
  - _data/texts.yml
78
78
  - _includes/appbox.html
79
79
  - _includes/audio.html
80
+ - _includes/button.html
80
81
  - _includes/category.html
81
82
  - _includes/custom_head.html
82
83
  - _includes/exlink.html