@bagelink/vue 1.15.75 → 1.15.78
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/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/color-variants.css +13 -4
package/package.json
CHANGED
|
@@ -137,12 +137,21 @@
|
|
|
137
137
|
* The `via` slot collapses to nothing when unset (2-stop), expands when set
|
|
138
138
|
* (3-stop) — exactly like gradients.css. */
|
|
139
139
|
[class*="pair-"].gradient {
|
|
140
|
-
|
|
141
|
-
|
|
140
|
+
/* Auto (single-tone) gradient: a vivid sweep from a lighter take on the tone
|
|
141
|
+
to a darker one, giving real depth without going muddy.
|
|
142
|
+
|
|
143
|
+
IMPORTANT: gradients.css declares --bgl-grad-from/to on :root (= transparent),
|
|
144
|
+
so a `var(--bgl-grad-from, fallback)` would never use the fallback. We instead
|
|
145
|
+
*set* --bgl-grad-from/to right here to the auto values. The Btn/Badge
|
|
146
|
+
components override them again via inline style for explicit 2–3 stop
|
|
147
|
+
gradients, and gradients.css `from-*`/`to-*` utilities still win by being
|
|
148
|
+
later/inline. */
|
|
149
|
+
--bgl-grad-from: color-mix(in srgb, var(--bgl-pair-tone, var(--bgl-primary)) 90%, #fff);
|
|
150
|
+
--bgl-grad-to: color-mix(in srgb, var(--bgl-pair-tone, var(--bgl-primary)) 55%, #000);
|
|
142
151
|
background-image: linear-gradient(
|
|
143
152
|
var(--bgl-grad-angle, 135deg),
|
|
144
|
-
var(--bgl-grad-from
|
|
145
|
-
var(--bgl-grad-via, ) var(--bgl-grad-to
|
|
153
|
+
var(--bgl-grad-from),
|
|
154
|
+
var(--bgl-grad-via, ) var(--bgl-grad-to)
|
|
146
155
|
) !important;
|
|
147
156
|
color: var(--bgl-white) !important;
|
|
148
157
|
border: none !important;
|