@rackbops/styles 0.1.8 → 0.1.9
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.
|
@@ -4,6 +4,13 @@
|
|
|
4
4
|
* active tab underline are the only two places the gradient is spent. */
|
|
5
5
|
:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-wordmark {
|
|
6
6
|
display: inline-flex;
|
|
7
|
+
/* Sizes to its own content, never to a flex/grid ancestor's cross-axis stretch (e.g. a
|
|
8
|
+
column-flex parent with default align-items) -- without this, the box widens far past the
|
|
9
|
+
visible glyphs, so the gradient below spends most of its span on empty space and the text
|
|
10
|
+
only ever samples its first, near-uniform violet stretch instead of sweeping through orchid
|
|
11
|
+
and gold. inline-flex alone does not protect against this: it governs this element's OWN
|
|
12
|
+
children's layout, not how the element itself is sized within its parent. */
|
|
13
|
+
width: fit-content;
|
|
7
14
|
align-items: baseline;
|
|
8
15
|
gap: 0.4em;
|
|
9
16
|
margin: 0;
|
|
@@ -4,6 +4,13 @@
|
|
|
4
4
|
* active tab underline are the only two places the gradient is spent. */
|
|
5
5
|
:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-wordmark {
|
|
6
6
|
display: inline-flex;
|
|
7
|
+
/* Sizes to its own content, never to a flex/grid ancestor's cross-axis stretch (e.g. a
|
|
8
|
+
column-flex parent with default align-items) -- without this, the box widens far past the
|
|
9
|
+
visible glyphs, so the gradient below spends most of its span on empty space and the text
|
|
10
|
+
only ever samples its first, near-uniform violet stretch instead of sweeping through orchid
|
|
11
|
+
and gold. inline-flex alone does not protect against this: it governs this element's OWN
|
|
12
|
+
children's layout, not how the element itself is sized within its parent. */
|
|
13
|
+
width: fit-content;
|
|
7
14
|
align-items: baseline;
|
|
8
15
|
gap: 0.4em;
|
|
9
16
|
margin: 0;
|