@trebired/frontend 19.4.0 → 19.6.0
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,16 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 19.6.0
|
|
4
|
+
|
|
5
|
+
Breaking for configuration: `shell.header.menu.link.color` and `shell.header.menu.link.fontWeight` are gone.
|
|
6
|
+
|
|
7
|
+
- A navigation link has one colour and one weight, set once under `shell.header.link`, and both the header and the menu read them. Giving the menu its own let a site pin it to the same value as the active colour, which is exactly what two sites had done: every link in the menu rendered identically and the current page was impossible to pick out, while the header beside it marked the same link correctly. The active state, hover and letter spacing already came from the shared tokens, so only the base colour and weight were ever out of step.
|
|
8
|
+
- `menu-link-padding` and `menu-link-radius` stay, since a stacked menu genuinely needs its own spacing.
|
|
9
|
+
|
|
10
|
+
## 19.5.0
|
|
11
|
+
|
|
12
|
+
- An action row's value no longer breaks mid-word by default. It is usually an address or a number, and `overflow-wrap: anywhere` cut `info@machynka.eu` across two lines on a phone. It breaks only where it truly cannot fit now, and its size is capped against the screen before that: a site's chosen size holds on a wide screen and gives way on a narrow one, so the same address fits on one line at phone width.
|
|
13
|
+
|
|
3
14
|
## 19.4.0
|
|
4
15
|
|
|
5
16
|
- A hairline grid draws lines only between its cells. Each cell carried a full ring and the grid an outer border, so the outside edges were drawn twice and the grid was boxed in. The lines are the grid's gap showing through now, which cannot reach an outer edge, and they default to 10% of the current colour rather than 18%.
|
|
@@ -254,11 +254,11 @@ $motion: token("motion-duration", 500ms) token("motion-easing", cubic-bezier(0.2
|
|
|
254
254
|
display: block;
|
|
255
255
|
padding: token("menu-link-padding", 0.5rem 0);
|
|
256
256
|
border-radius: token("menu-link-radius", 0);
|
|
257
|
-
color: token("
|
|
257
|
+
color: token("link-color", var(#{ns.css-var("text-muted")}, #555));
|
|
258
258
|
font-size: 1rem;
|
|
259
|
-
font-weight: token("
|
|
260
|
-
letter-spacing: token("
|
|
261
|
-
text-transform: token("
|
|
259
|
+
font-weight: token("link-font-weight", 500);
|
|
260
|
+
letter-spacing: token("link-letter-spacing", normal);
|
|
261
|
+
text-transform: token("link-text-transform", none);
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
#{ns.element-class("site-header", "menu-footer")} {
|
|
@@ -102,9 +102,12 @@
|
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
#{ns.element-class("action-row", "value")} {
|
|
105
|
-
overflow-wrap:
|
|
105
|
+
overflow-wrap: break-word;
|
|
106
106
|
color: var(#{ns.css-var("surf-action-row-value-color")}, inherit);
|
|
107
|
-
font-size:
|
|
107
|
+
font-size: min(
|
|
108
|
+
var(#{ns.css-var("surf-action-row-value-font-size")}, 1.25rem),
|
|
109
|
+
max(0.85rem, 4.2vw)
|
|
110
|
+
);
|
|
108
111
|
font-weight: var(#{ns.css-var("surf-action-row-value-font-weight")}, 700);
|
|
109
112
|
transition: color var(#{ns.css-var("transition-fast")}, 180ms) ease;
|
|
110
113
|
}
|