@stnd/styles 0.10.0 → 0.10.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/CHANGELOG.md +6 -0
- package/app.scss +8 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/app.scss
CHANGED
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
* @property --window-radius The OS window's own corner radius.
|
|
18
18
|
* @property --window-inset Gap between the window edge and a floating pane.
|
|
19
19
|
* @property --pane-radius Corner of a pane floating inside the window.
|
|
20
|
+
* @property --titlebar-height Band centred on the OS traffic lights.
|
|
20
21
|
*/
|
|
21
22
|
:root {
|
|
22
23
|
/* ---- Type ------------------------------------------------------------
|
|
@@ -78,4 +79,11 @@
|
|
|
78
79
|
--window-radius: 17px;
|
|
79
80
|
--window-inset: 8px;
|
|
80
81
|
--pane-radius: calc(var(--window-radius) - var(--window-inset));
|
|
82
|
+
|
|
83
|
+
/* The title-bar band, from the window's top edge. Everything that sits
|
|
84
|
+
beside the traffic lights (sidebar icons, wordmark, toolbar) centres in
|
|
85
|
+
this band, so it lines up with them. The lights are placed by macOS,
|
|
86
|
+
so this is MEASURED, not chosen: their centre sits 20.75pt below the
|
|
87
|
+
window top (same capture as --window-radius), band = twice that. */
|
|
88
|
+
--titlebar-height: 41.5px;
|
|
81
89
|
}
|