@vegastack/design-tokens 0.8.0 → 0.8.3
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/utilities.css +23 -0
- package/package.json +1 -1
package/dist/utilities.css
CHANGED
|
@@ -1016,3 +1016,26 @@
|
|
|
1016
1016
|
.hljs-strong {
|
|
1017
1017
|
font-weight: 600;
|
|
1018
1018
|
}
|
|
1019
|
+
|
|
1020
|
+
/* ---------------------------------------------------------------------------------------------
|
|
1021
|
+
* Spark gradient: the subtle purple -> blue pair for "new" / AI-flavoured accents (e.g. a
|
|
1022
|
+
* What's new icon). Built from the theme-aware tag hues, so it follows light and dark.
|
|
1023
|
+
* - gradient-spark : background-image fill.
|
|
1024
|
+
* - stop-spark-from / -to : `stop-color` for the <stop>s of an SVG <linearGradient>, to give a
|
|
1025
|
+
* stroked icon the same gradient (stroke="url(#id)").
|
|
1026
|
+
* ------------------------------------------------------------------------------------------- */
|
|
1027
|
+
@utility gradient-spark {
|
|
1028
|
+
background-image: linear-gradient(
|
|
1029
|
+
135deg,
|
|
1030
|
+
var(--color-tag-purple),
|
|
1031
|
+
var(--color-tag-blue)
|
|
1032
|
+
);
|
|
1033
|
+
}
|
|
1034
|
+
|
|
1035
|
+
@utility stop-spark-from {
|
|
1036
|
+
stop-color: var(--color-tag-purple);
|
|
1037
|
+
}
|
|
1038
|
+
|
|
1039
|
+
@utility stop-spark-to {
|
|
1040
|
+
stop-color: var(--color-tag-blue);
|
|
1041
|
+
}
|