@gitbutler/design-core 1.3.5 → 1.3.6
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/package.json +1 -1
- package/styles/reset.css +16 -5
package/package.json
CHANGED
package/styles/reset.css
CHANGED
|
@@ -251,11 +251,6 @@
|
|
|
251
251
|
}
|
|
252
252
|
|
|
253
253
|
/* Focus outline for keyboard navigation */
|
|
254
|
-
input[type="radio"],
|
|
255
|
-
input[type="checkbox"] {
|
|
256
|
-
appearance: none;
|
|
257
|
-
}
|
|
258
|
-
|
|
259
254
|
a:focus-visible,
|
|
260
255
|
button:focus-visible,
|
|
261
256
|
input:focus-visible,
|
|
@@ -270,4 +265,20 @@
|
|
|
270
265
|
outline: 2px solid var(--clr-theme-pop-element);
|
|
271
266
|
outline-offset: -2px;
|
|
272
267
|
}
|
|
268
|
+
|
|
269
|
+
/* Contrasting outline for elements on similar backgrounds */
|
|
270
|
+
button:focus-visible:is([class*="pop"], [class*="theme"], [class*="success"]),
|
|
271
|
+
[role="button"]:focus-visible:is(
|
|
272
|
+
[class*="pop"],
|
|
273
|
+
[class*="theme"],
|
|
274
|
+
[class*="success"]
|
|
275
|
+
),
|
|
276
|
+
input[type="checkbox"]:checked:focus-visible,
|
|
277
|
+
input[type="radio"]:checked:focus-visible {
|
|
278
|
+
outline-color: color-mix(
|
|
279
|
+
in srgb,
|
|
280
|
+
var(--clr-theme-pop-element) 60%,
|
|
281
|
+
var(--clr-text-1)
|
|
282
|
+
);
|
|
283
|
+
}
|
|
273
284
|
}
|