@klodd/ds 4.2.0 → 4.3.0
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/css/utilities.css +24 -0
- package/package.json +1 -1
package/css/utilities.css
CHANGED
|
@@ -148,6 +148,30 @@
|
|
|
148
148
|
vertical-align: -2px;
|
|
149
149
|
}
|
|
150
150
|
|
|
151
|
+
/* Skip-link - a11y-pattern for keyboard-anvandare. Visas vid :focus
|
|
152
|
+
(top: var(--space-8) overrider top: -100px). HTML: lagg som forsta
|
|
153
|
+
element i body, target valfri main-content-id.
|
|
154
|
+
<a href="#main" class="skip-link">Hoppa till innehall</a>
|
|
155
|
+
Lyft fran Ekonom + Jubb v4.3.0 (identical implementation efter
|
|
156
|
+
konsekvens-cykel 2026-05-14 Sprint 5). */
|
|
157
|
+
.skip-link {
|
|
158
|
+
position: absolute;
|
|
159
|
+
top: -100px;
|
|
160
|
+
left: var(--space-8);
|
|
161
|
+
padding: var(--space-8) var(--space-16);
|
|
162
|
+
background: var(--accent-9);
|
|
163
|
+
color: var(--surface-page);
|
|
164
|
+
border-radius: var(--radius-full);
|
|
165
|
+
z-index: var(--z-spinner);
|
|
166
|
+
font-weight: var(--fw-medium);
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
.skip-link:focus {
|
|
170
|
+
top: var(--space-8);
|
|
171
|
+
outline: 2px solid var(--accent-9);
|
|
172
|
+
outline-offset: 2px;
|
|
173
|
+
}
|
|
174
|
+
|
|
151
175
|
/* Pre-formatted code/text. Sunken bakgrund, monospace, pre-wrap
|
|
152
176
|
for line-break-preservering med word-wrap pa lang text. */
|
|
153
177
|
.code-block {
|