mnfst 0.5.84 → 0.5.87
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.
- package/lib/manifest.code.js +64 -45
- package/lib/manifest.css +31 -28
- package/lib/manifest.integrity.json +2 -1
- package/lib/manifest.min.css +1 -1
- package/lib/manifest.tailwind.js +578 -0
- package/lib/manifest.typography.css +26 -27
- package/lib/manifest.utilities.css +5 -1
- package/package.json +1 -1
|
@@ -20,24 +20,12 @@
|
|
|
20
20
|
& a:not(.unstyle),
|
|
21
21
|
& .link {
|
|
22
22
|
text-decoration: underline;
|
|
23
|
-
text-underline-offset: 2px
|
|
24
|
-
color: inherit
|
|
23
|
+
text-underline-offset: 2px
|
|
25
24
|
}
|
|
26
25
|
|
|
27
|
-
/*
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
align-items: center;
|
|
31
|
-
|
|
32
|
-
/* Inline icon spacing */
|
|
33
|
-
& [x-icon] {
|
|
34
|
-
margin-inline-end: 0.5ch;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
/* Inline span alignment */
|
|
39
|
-
:where(span) {
|
|
40
|
-
vertical-align: inherit
|
|
26
|
+
/* Inline icons */
|
|
27
|
+
& [x-icon] {
|
|
28
|
+
margin-inline-end: 0.25em
|
|
41
29
|
}
|
|
42
30
|
}
|
|
43
31
|
|
|
@@ -107,15 +95,23 @@
|
|
|
107
95
|
}
|
|
108
96
|
|
|
109
97
|
/* Links */
|
|
110
|
-
:where(a:not([role=button])
|
|
98
|
+
:where(a:not([role=button])):not(.unstyle),
|
|
99
|
+
.link {
|
|
111
100
|
text-align: unset;
|
|
112
101
|
text-decoration: none;
|
|
102
|
+
color: var(--color-content-stark, darkslategray);
|
|
113
103
|
cursor: pointer;
|
|
114
104
|
transition: var(--transition, all .05s ease-in-out);
|
|
115
105
|
|
|
116
106
|
&:hover {
|
|
117
107
|
color: var(--color-content-neutral, gray)
|
|
118
108
|
}
|
|
109
|
+
|
|
110
|
+
&:where(:has([x-icon])) {
|
|
111
|
+
display: inline-flex;
|
|
112
|
+
align-items: center;
|
|
113
|
+
gap: 0.25em
|
|
114
|
+
}
|
|
119
115
|
}
|
|
120
116
|
|
|
121
117
|
/* Asides */
|
|
@@ -177,7 +173,7 @@
|
|
|
177
173
|
border: 1px solid color-mix(in oklch, var(--color-content-subtle, darkgray) 10%, transparent);
|
|
178
174
|
border-radius: var(--radius, 0.5rem);
|
|
179
175
|
|
|
180
|
-
&[role=
|
|
176
|
+
&[role=button] {
|
|
181
177
|
cursor: pointer
|
|
182
178
|
}
|
|
183
179
|
}
|
|
@@ -188,8 +184,12 @@
|
|
|
188
184
|
font-size: 0.8125rem;
|
|
189
185
|
color: var(--color-content-neutral, gray);
|
|
190
186
|
|
|
191
|
-
& a:
|
|
192
|
-
color:
|
|
187
|
+
& a:not([role=button]) {
|
|
188
|
+
color: inherit;
|
|
189
|
+
|
|
190
|
+
&:hover {
|
|
191
|
+
color: var(--color-content-stark, white)
|
|
192
|
+
}
|
|
193
193
|
}
|
|
194
194
|
}
|
|
195
195
|
|
|
@@ -204,8 +204,12 @@
|
|
|
204
204
|
font-size: 0.875rem;
|
|
205
205
|
color: var(--color-content-neutral, gray);
|
|
206
206
|
|
|
207
|
-
& a:
|
|
208
|
-
color:
|
|
207
|
+
& a:not([role=button]) {
|
|
208
|
+
color: inherit;
|
|
209
|
+
|
|
210
|
+
&:hover {
|
|
211
|
+
color: var(--color-content-stark, white)
|
|
212
|
+
}
|
|
209
213
|
}
|
|
210
214
|
}
|
|
211
215
|
|
|
@@ -398,9 +402,4 @@
|
|
|
398
402
|
padding: calc(var(--spacing, 0.25rem) * 4)
|
|
399
403
|
}
|
|
400
404
|
}
|
|
401
|
-
|
|
402
|
-
/* Spans */
|
|
403
|
-
:where(span):not(.unstyle) {
|
|
404
|
-
vertical-align: middle
|
|
405
|
-
}
|
|
406
405
|
}
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
max-width: 100%;
|
|
214
214
|
|
|
215
215
|
/* Asides inside a prose element are used as callouts */
|
|
216
|
-
& aside:not([popover]) {
|
|
216
|
+
& aside:not([popover]):not(:where([x-code-group] *)) {
|
|
217
217
|
margin-top: calc(1rem * 1.4);
|
|
218
218
|
padding: 1rem;
|
|
219
219
|
border-radius: calc(var(--radius, 0.5rem) * 2);
|
|
@@ -237,6 +237,10 @@
|
|
|
237
237
|
}
|
|
238
238
|
}
|
|
239
239
|
|
|
240
|
+
& aside.frame {
|
|
241
|
+
font-family: var(--font-sans)
|
|
242
|
+
}
|
|
243
|
+
|
|
240
244
|
&>a:not(:where(h1, h2, h3, h4, h5, h6, p, small, figcaption, label, li, blockquote, pre code, code, kbd, span, mark, [role=button]) a) {
|
|
241
245
|
margin-top: calc(1rem * 1.4)
|
|
242
246
|
}
|