@trebired/frontend 18.3.0 → 18.4.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 +4 -0
- package/dist/styles/utils/base.scss +11 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 18.4.0
|
|
4
|
+
|
|
5
|
+
- The hairline down the right edge of the page is back, and is now the package's own rather than the site's. It is mixed from the page and text colours, so it keeps the same slight contrast on any background instead of inheriting whatever weight a site gave its border colour, which is what made it read as a stray line on one site and stay invisible on another. It is always drawn and there is no token to weaken or remove it.
|
|
6
|
+
|
|
3
7
|
## 18.3.0
|
|
4
8
|
|
|
5
9
|
- Dropped the hairline the base stylesheet drew down the right edge of every page. `body::after` painted a fixed, full height 1px line in the border colour on every site, positioned against `--viewport-scrollbar-gap-inline-end`, which nothing ever set to anything but `0px`. It was a scrollbar gutter border for a shell that no longer asks for one, and no config could turn it off. `--viewport-scrollbar-gap-inline-end`, `--viewport-scrollbar-gap-block-end` and `--z-scrollbar-gutter-border` go with it, all three unreferenced.
|
|
@@ -98,6 +98,17 @@ body {
|
|
|
98
98
|
line-height: var(#{ns.css-var("body-line-height")}, var(--lh-sm, 1.4));
|
|
99
99
|
}
|
|
100
100
|
|
|
101
|
+
body::after {
|
|
102
|
+
content: "";
|
|
103
|
+
position: fixed;
|
|
104
|
+
z-index: 925;
|
|
105
|
+
inset-block: 0;
|
|
106
|
+
inset-inline-end: 0;
|
|
107
|
+
width: 1px;
|
|
108
|
+
background: color-mix(in oklab, var(#{ns.css-var("text")}, #000) 10%, var(#{ns.css-var("page")}, #fff));
|
|
109
|
+
pointer-events: none;
|
|
110
|
+
}
|
|
111
|
+
|
|
101
112
|
body#{ns.data("mobile-sidebar-open", "true")},
|
|
102
113
|
|
|
103
114
|
body#{ns.data("sidebar-open", "true")} {
|