@kubex/zinc 1.1.127 → 1.1.128
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/custom-elements.json +791 -791
- package/dist/vscode.html-custom-data.json +102 -102
- package/dist/web-types.json +214 -214
- package/dist/zn.min.css +1 -1
- package/dist/zn.min.js +3 -3
- package/package.json +1 -1
- package/scss/themes/_light.scss +3 -0
- package/src/components/button/button.scss +2 -1
- package/src/components/header/header.scss +1 -2
package/package.json
CHANGED
package/scss/themes/_light.scss
CHANGED
|
@@ -191,6 +191,9 @@
|
|
|
191
191
|
--zn-focus-ring-width: 3px;
|
|
192
192
|
--zn-focus-ring: var(--zn-focus-ring-style) var(--zn-focus-ring-width) var(--zn-focus-ring-color);
|
|
193
193
|
--zn-focus-ring-offset: 1px;
|
|
194
|
+
// Space a focus ring needs outside a control's box, for boxes that clip around
|
|
195
|
+
// one. Must stay a plain length: overflow-clip-margin rejects calc(), silently 0.
|
|
196
|
+
--zn-focus-ring-outset: 4px;
|
|
194
197
|
|
|
195
198
|
/**************************************************************
|
|
196
199
|
* Forms
|
|
@@ -114,7 +114,8 @@
|
|
|
114
114
|
|
|
115
115
|
.button:focus-visible {
|
|
116
116
|
outline: 2px solid rgb(var(--btn-color));
|
|
117
|
-
|
|
117
|
+
// the token is a total (width + offset), not the offset itself
|
|
118
|
+
outline-offset: calc(var(--zn-focus-ring-outset) - 2px);
|
|
118
119
|
}
|
|
119
120
|
|
|
120
121
|
[disabled] {
|
|
@@ -131,8 +131,7 @@
|
|
|
131
131
|
flex-grow: 1;
|
|
132
132
|
flex-shrink: 1;
|
|
133
133
|
overflow-x: clip;
|
|
134
|
-
|
|
135
|
-
overflow-clip-margin: var(--zn-focus-ring-width);
|
|
134
|
+
overflow-clip-margin: var(--zn-focus-ring-outset);
|
|
136
135
|
overflow-y: visible;
|
|
137
136
|
min-width: 20px;
|
|
138
137
|
}
|