@hearthsound/design 0.1.10 → 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.
- package/THIRD-PARTY.md +5 -0
- package/css/base.css +11 -0
- package/css/components/field.css +4 -3
- package/css/components/section.css +5 -2
- package/css/components/shell.css +3 -0
- package/fonts/hs-mask.woff2 +0 -0
- package/package.json +1 -1
package/THIRD-PARTY.md
CHANGED
|
@@ -34,6 +34,11 @@ enough; see http://www.gnome.org.
|
|
|
34
34
|
|
|
35
35
|
Files: every `icons/adwaita-*.svg`.
|
|
36
36
|
|
|
37
|
+
### Hearthsound Mask
|
|
38
|
+
|
|
39
|
+
A one-glyph font of Hearthsound's own work (`scripts/mask-font.py` in this repository
|
|
40
|
+
builds it); no third-party material. It draws the password disc.
|
|
41
|
+
|
|
37
42
|
### Custom icons derived from Adwaita
|
|
38
43
|
|
|
39
44
|
`icons/custom-like-outline.svg`, `icons/custom-dislike-outline.svg`,
|
package/css/base.css
CHANGED
|
@@ -7,6 +7,17 @@
|
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
9
|
/* f01, f01b, f02, B09 - the three approved faces, shipped in fonts/. */
|
|
10
|
+
/* pw-mask: the one-glyph font that draws password dots (scripts/mask-font.py),
|
|
11
|
+
* so every browser shows the same round disc while the field keeps its normal
|
|
12
|
+
* text size, spacing and caret. */
|
|
13
|
+
@font-face {
|
|
14
|
+
font-family: 'Hearthsound Mask';
|
|
15
|
+
src: url('../fonts/hs-mask.woff2') format('woff2');
|
|
16
|
+
font-weight: 400;
|
|
17
|
+
font-style: normal;
|
|
18
|
+
font-display: block;
|
|
19
|
+
}
|
|
20
|
+
|
|
10
21
|
@font-face {
|
|
11
22
|
font-family: 'Geist';
|
|
12
23
|
src: url('../fonts/geist-var.woff2') format('woff2');
|
package/css/components/field.css
CHANGED
|
@@ -49,10 +49,11 @@
|
|
|
49
49
|
caret-color: var(--hs-accent-text);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
/* Masked passwords:
|
|
52
|
+
/* Masked passwords: the mask font draws the disc (pw-mask), so every browser
|
|
53
|
+
* shows the same dots while the field keeps its normal text size, spacing and
|
|
54
|
+
* caret; the placeholder stays in the body face. */
|
|
53
55
|
.hs-field__input[type='password']:not(:placeholder-shown) {
|
|
54
|
-
font-
|
|
55
|
-
letter-spacing: 0.04em;
|
|
56
|
+
font-family: 'Hearthsound Mask', var(--hs-font-body);
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
.hs-field__input::placeholder {
|
|
@@ -65,7 +65,10 @@
|
|
|
65
65
|
grid-auto-columns: 180px;
|
|
66
66
|
gap: 28px;
|
|
67
67
|
overflow-x: auto;
|
|
68
|
-
|
|
68
|
+
/* The card's hover tile is drawn 8 px outside the cover; the scrollport
|
|
69
|
+
keeps that room so the tile is never clipped (fc5-diff). */
|
|
70
|
+
padding: 8px 32px 14px;
|
|
71
|
+
margin: -8px 0;
|
|
69
72
|
scrollbar-width: none;
|
|
70
73
|
}
|
|
71
74
|
|
|
@@ -77,7 +80,7 @@
|
|
|
77
80
|
.hs-shelf {
|
|
78
81
|
grid-auto-columns: 140px;
|
|
79
82
|
gap: 14px;
|
|
80
|
-
padding:
|
|
83
|
+
padding: 8px 14px 12px;
|
|
81
84
|
}
|
|
82
85
|
|
|
83
86
|
.hs-shelf__button {
|
package/css/components/shell.css
CHANGED
|
Binary file
|