@seed-design/css 2.1.3 → 2.1.4
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/all.css +7 -0
- package/all.layered.css +7 -0
- package/all.layered.min.css +1 -1
- package/all.min.css +1 -1
- package/package.json +1 -1
- package/recipes/side-panel.css +6 -0
- package/recipes/side-panel.layered.css +7 -0
package/all.css
CHANGED
|
@@ -8849,6 +8849,13 @@
|
|
|
8849
8849
|
.seed-side-panel__body {
|
|
8850
8850
|
mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
|
|
8851
8851
|
-webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
|
|
8852
|
+
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
8853
|
+
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
8854
|
+
}
|
|
8855
|
+
|
|
8856
|
+
.seed-side-panel__body:is(:focus-visible, [data-focus-visible]) {
|
|
8857
|
+
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
8858
|
+
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
8852
8859
|
}
|
|
8853
8860
|
|
|
8854
8861
|
.seed-side-panel__footer {
|
package/all.layered.css
CHANGED
|
@@ -9098,6 +9098,13 @@
|
|
|
9098
9098
|
.seed-side-panel__body {
|
|
9099
9099
|
mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
|
|
9100
9100
|
-webkit-mask-image: linear-gradient(to top, transparent 0, black var(--seed-dimension-x12));
|
|
9101
|
+
outline: var(--seed-dimension-x0_5) solid transparent;
|
|
9102
|
+
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
9103
|
+
}
|
|
9104
|
+
|
|
9105
|
+
.seed-side-panel__body:is(:focus-visible, [data-focus-visible]) {
|
|
9106
|
+
outline: var(--seed-dimension-x0_5) solid var(--seed-color-stroke-focus-ring);
|
|
9107
|
+
outline-offset: calc(var(--seed-dimension-x0_5) * -1);
|
|
9101
9108
|
}
|
|
9102
9109
|
|
|
9103
9110
|
.seed-side-panel__footer {
|