@hearthsound/design 0.1.5 → 0.1.7
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/css/base.css +9 -0
- package/css/components/admin.css +5 -0
- package/css/components/check.css +5 -3
- package/css/components/list.css +23 -1
- package/css/components/shell.css +13 -1
- package/css/components/upload.css +6 -0
- package/package.json +1 -1
package/css/base.css
CHANGED
|
@@ -243,3 +243,12 @@ a.link:focus-visible,
|
|
|
243
243
|
scroll-behavior: auto;
|
|
244
244
|
}
|
|
245
245
|
}
|
|
246
|
+
|
|
247
|
+
/* p02: inline code in running text, 13 px mono on the control tone, radius 5. */
|
|
248
|
+
.hs-inline-code {
|
|
249
|
+
padding: 0 4px;
|
|
250
|
+
font-family: var(--hs-font-mono);
|
|
251
|
+
font-size: 13px;
|
|
252
|
+
background: var(--hs-control-tone);
|
|
253
|
+
border-radius: 5px;
|
|
254
|
+
}
|
package/css/components/admin.css
CHANGED
package/css/components/check.css
CHANGED
|
@@ -34,13 +34,15 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
/* The native control keeps its semantics and keyboard behaviour; the box draws it. */
|
|
37
|
+
/* The native control covers the whole row, invisible, so the row is its hit target. */
|
|
37
38
|
.hs-choice__input {
|
|
38
39
|
position: absolute;
|
|
39
|
-
|
|
40
|
-
|
|
40
|
+
inset: 0;
|
|
41
|
+
width: 100%;
|
|
42
|
+
height: 100%;
|
|
41
43
|
margin: 0;
|
|
42
44
|
opacity: 0;
|
|
43
|
-
|
|
45
|
+
cursor: inherit;
|
|
44
46
|
}
|
|
45
47
|
|
|
46
48
|
.hs-choice__box {
|
package/css/components/list.css
CHANGED
|
@@ -154,8 +154,30 @@
|
|
|
154
154
|
font-variant-numeric: tabular-nums;
|
|
155
155
|
}
|
|
156
156
|
|
|
157
|
-
.hs-
|
|
157
|
+
.hs-setting-row__subtitle--mono {
|
|
158
158
|
font: 400 12px var(--hs-font-mono);
|
|
159
|
+
overflow-wrap: anywhere;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
/* p04-r1, p06: a failed outcome or check line. */
|
|
163
|
+
.hs-setting-row__subtitle--error {
|
|
164
|
+
color: var(--hs-error);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
/* p04-r1: the glyph that leads a plugin outcome row. */
|
|
168
|
+
.hs-setting-row__icon--success {
|
|
169
|
+
color: var(--hs-success);
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.hs-setting-row__icon--error {
|
|
173
|
+
color: var(--hs-error);
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/* p04-r1: a muted group heading above a grey group (plugin layers in setup). */
|
|
177
|
+
.hs-group-heading {
|
|
178
|
+
margin: 10px 0 0;
|
|
179
|
+
font: 600 13px var(--hs-font-body);
|
|
180
|
+
color: var(--hs-fg-muted);
|
|
159
181
|
}
|
|
160
182
|
|
|
161
183
|
.hs-reorder-handle {
|
package/css/components/shell.css
CHANGED
|
@@ -129,6 +129,17 @@
|
|
|
129
129
|
height: 26px;
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
+
/* The sidebar lockup is a link to Home (brand-home): no underline, the shared focus. */
|
|
133
|
+
a.hs-lockup {
|
|
134
|
+
text-decoration: none;
|
|
135
|
+
border-radius: var(--hs-radius-row);
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
a.hs-lockup:focus-visible {
|
|
139
|
+
outline: none;
|
|
140
|
+
box-shadow: var(--hs-focus-shadow);
|
|
141
|
+
}
|
|
142
|
+
|
|
132
143
|
.hs-lockup--large {
|
|
133
144
|
gap: 14px;
|
|
134
145
|
font-size: 34px;
|
|
@@ -238,7 +249,8 @@
|
|
|
238
249
|
padding: 0 14px 24px;
|
|
239
250
|
}
|
|
240
251
|
|
|
241
|
-
.hs-onboarding__body > .hs-signin
|
|
252
|
+
.hs-onboarding__body > .hs-signin,
|
|
253
|
+
.hs-onboarding--split .hs-onboarding__main .hs-signin {
|
|
242
254
|
margin-top: 20vh;
|
|
243
255
|
}
|
|
244
256
|
|