jekyll-theme-amethyst 0.5.7 → 1.0.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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 90449421ecfadb012884085449011ee5dab5591d35983192c1c3372ec63cdcb6
4
- data.tar.gz: 2877587c0a2ca8f287c08bfe89721e5e8df1a15094b3a0a5c3aae7f5533d2eb0
3
+ metadata.gz: 16fceb50a7937fb2e288db12a6bb1f4849f4d9755013c8d6364c1db485bdae46
4
+ data.tar.gz: 5a5744416e2b6a67d825d71e6d70eeb5b234c998aa6d435414b0c50677f56d46
5
5
  SHA512:
6
- metadata.gz: a58c53b9d5df42713e5216c4a9c3dfc0862f44a8816c31315c2d72ca99d2a70c2b75ee1f854a9c02d5292d9783295b9e2af6fb8116ca63e92c5d420f7019a808
7
- data.tar.gz: 9e9d1b63b40de2de3c0e25c166d79203c971f4c6b8ea81adef3762b47b94d1e6b8a1749722efef323df32a7c290bc3afc00c5d7c8396e34e703e480089c91d44
6
+ metadata.gz: 85c7b43910dfa277494fcf7bfc7a4334cabc4909bb63c640980a95dbcb36cf2095ed0054cdbdae1aa924b5a045623cb17747b6cb8a191c5a6e845dc693b30122
7
+ data.tar.gz: ff6cb51be8195ff23bab924f33a9410f518608847d2d49ba5bb77bf9a16faa909b8d3aa106416d4acf8f846f4beded29c65c5e78d1423cb6f2dffdd8fbdb6a46
data/_sass/amethyst.scss CHANGED
@@ -68,20 +68,22 @@ a {
68
68
  text-decoration: underline;
69
69
  }
70
70
  }
71
- .content a:not(.button) {
72
- border-bottom: 0.1em solid currentColor;
71
+ .content a:not(.button),
72
+ footer a {
73
+ text-decoration: underline;
74
+ text-decoration-thickness: 0.1em;
75
+ text-decoration-skip-ink: auto;
76
+ text-underline-position: under;
77
+ text-underline-offset: 0em;
73
78
 
74
79
  &:active,
75
80
  &:hover,
76
81
  &:focus {
77
- text-decoration: none;
78
-
79
- box-shadow: 0px 0px 0px 4px $color-bright;
82
+ box-shadow: 0px 2px 0px 4px $color-bright;
80
83
  background-color: $color-bright;
81
84
  color: $color-accent;
82
- border-bottom-color: $color-vibrant;
83
- border-bottom-width: 0.13em;
84
-
85
+ text-decoration-color: $color-vibrant;
86
+ text-decoration-thickness: 0.12em;
85
87
  code {
86
88
  background-color: transparent;
87
89
  }
@@ -116,6 +118,19 @@ pre.highlight {
116
118
  background: transparent;
117
119
  }
118
120
 
121
+ blockquote {
122
+ border-left: 4px solid $color-off-white;
123
+ background: $color-light;
124
+ color: $color-darkgrey;
125
+ margin: 0 0 $size-spacing 0;
126
+ padding: $box-spacing;
127
+ font-style: normal;
128
+
129
+ p:last-child {
130
+ margin-bottom: 0;
131
+ }
132
+ }
133
+
119
134
  hr {
120
135
  margin: $size-5 0;
121
136
  border: none;
@@ -762,7 +777,8 @@ article > header {
762
777
 
763
778
  .external-links a {
764
779
  // Larger click target for mobile
765
- padding: 1rem 0.5rem;
780
+ display: inline-block;
781
+ padding: 0 0.5em;
766
782
  }
767
783
 
768
784
  .cta {
@@ -1,4 +1,4 @@
1
- /*! https://github.com/jquery/typesense-minibar 1.1.1 */
1
+ /*! https://github.com/jquery/typesense-minibar 1.2.0 */
2
2
  .tsmb-form {
3
3
  --tsmb-size-edge: 1px;
4
4
  --tsmb-size-radius: 3px;
@@ -7,6 +7,9 @@
7
7
  --tsmb-size-sm: 0.8rem;
8
8
  --tsmb-size-half: calc(var(--tsmb-size-sm)/2);
9
9
  --tsmb-size-input: calc(var(--tsmb-size-base) * 1.2);
10
+ --tsmb-size-listbox-right: auto;
11
+ --tsmb-size-listbox-width: calc(min(30rem, 60vw));
12
+ --tsmb-size-listbox-max-height: 70vh;
10
13
 
11
14
  --tsmb-color-base-background: #fff;
12
15
  --tsmb-color-base30: #333;
@@ -51,9 +54,11 @@
51
54
  .tsmb-form:focus-within {
52
55
  color: var(--tsmb-color-focus30);
53
56
  }
57
+
54
58
  .tsmb-form:focus-within input[type=search] {
55
59
  background: var(--tsmb-color-focus-background);
56
60
  }
61
+
57
62
  .tsmb-form:focus-within input[type=search]::placeholder {
58
63
  color: var(--tsmb-color-focus50);
59
64
  }
@@ -100,6 +105,10 @@
100
105
  display: block !important;
101
106
  }
102
107
 
108
+ .tsmb-form--slash::after {
109
+ display: none;
110
+ }
111
+
103
112
  .tsmb-form--slash:not(.tsmb-form--open):not(:focus-within)::after {
104
113
  content: '/';
105
114
  display: inline-block;
@@ -122,13 +131,16 @@
122
131
  .tsmb-form [role=listbox] {
123
132
  position: absolute;
124
133
  z-index: 10;
125
-
134
+ right: var(--tsmb-size-listbox-right);
126
135
  background: var(--tsmb-color-focus-background);
127
136
  color: var(--tsmb-color-focus30);
128
- width: 100%;
129
- max-height: 70vh;
137
+ margin-top: var(--tsmb-size-half);
138
+ min-width: 100%;
139
+ width: var(--tsmb-size-listbox-width);
140
+ max-height: var(--tsmb-size-listbox-max-height);
130
141
  overflow: auto;
131
142
  border: var(--tsmb-size-edge) solid var(--tsmb-color-focus90);
143
+ border-radius: var(--tsmb-size-radius);
132
144
  box-shadow: 0 var(--tsmb-size-sm) 20px rgba(0,0,0,0.12);
133
145
  }
134
146
 
@@ -143,9 +155,11 @@
143
155
  text-decoration: none;
144
156
  border-left: var(--tsmb-size-highlight) solid transparent;
145
157
  }
158
+
146
159
  .tsmb-form:not([data-group=true]) [role=option]:not(:first-child) a {
147
160
  border-top: var(--tsmb-size-edge) solid var(--tsmb-color-focus90);
148
161
  }
162
+
149
163
  .tsmb-form[data-group=true] [role=option] a {
150
164
  margin: 0 var(--tsmb-size-base);
151
165
  padding: var(--tsmb-size-sm);
@@ -199,33 +213,13 @@
199
213
  box-shadow: 0 0 10px rgba(0,0,0,0.12);
200
214
  text-decoration: none;
201
215
  }
216
+
202
217
  .tsmb-foot::before {
203
218
  content: 'Search by';
204
219
  color: var(--tsmb-color-focus50);
205
220
  }
221
+
206
222
  .tsmb-foot::after {
207
223
  content: ' Typesense';
208
224
  color: #0300b0;
209
225
  }
210
-
211
- @media (max-width: 480px) {
212
- .tsmb-form {
213
- width: 100%;
214
- }
215
-
216
- .tsmb-form input[type=search] {
217
- border-radius: 0;
218
- }
219
- }
220
-
221
- @media (min-width: 768px) {
222
- .tsmb-form [role=listbox] {
223
- border-radius: var(--tsmb-size-radius);
224
- min-width: 500px;
225
- margin-top: var(--tsmb-size-half);
226
- }
227
-
228
- .tsmb-form--slash::after {
229
- display: none;
230
- }
231
- }
@@ -1,4 +1,4 @@
1
- /*! https://github.com/jquery/typesense-minibar 1.1.1 */
1
+ /*! https://github.com/jquery/typesense-minibar 1.2.0 */
2
2
  globalThis.tsminibar = function tsminibar (form) {
3
3
  const { origin, collection } = form.dataset;
4
4
  const group = !!form.dataset.group;
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-amethyst
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.7
4
+ version: 1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Timo Tijhof
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-10-16 00:00:00.000000000 Z
12
+ date: 2024-03-31 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: jekyll