@utrecht/component-library-css 1.0.0-alpha.197 → 1.0.0-alpha.198
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/bem.css +18 -18
- package/dist/html.css +15 -15
- package/dist/index.css +34 -34
- package/dist/root-theme.css +1 -1
- package/package.json +3 -3
package/dist/bem.css
CHANGED
|
@@ -377,7 +377,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
377
377
|
/* the pseudo-class for `:focus-visible` is implemented via the mixin */
|
|
378
378
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
379
379
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
380
|
-
outline-offset: 0;
|
|
380
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
381
381
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
382
382
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
383
383
|
}
|
|
@@ -430,7 +430,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
430
430
|
.utrecht-checkbox--focus-visible {
|
|
431
431
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
432
432
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
433
|
-
outline-offset: 0;
|
|
433
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
434
434
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
435
435
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
436
436
|
}
|
|
@@ -438,7 +438,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
438
438
|
.utrecht-checkbox--html-input:focus {
|
|
439
439
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
440
440
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
441
|
-
outline-offset: 0;
|
|
441
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
442
442
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
443
443
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
444
444
|
}
|
|
@@ -478,7 +478,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
478
478
|
.utrecht-checkbox--focus-visible {
|
|
479
479
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
480
480
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
481
|
-
outline-offset: 0;
|
|
481
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
482
482
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
483
483
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
484
484
|
}
|
|
@@ -486,7 +486,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
486
486
|
.utrecht-checkbox--html-input:focus {
|
|
487
487
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
488
488
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
489
|
-
outline-offset: 0;
|
|
489
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
490
490
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
491
491
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
492
492
|
}
|
|
@@ -589,7 +589,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
589
589
|
.utrecht-custom-checkbox__box--focus-visible {
|
|
590
590
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
591
591
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
592
|
-
outline-offset: 0;
|
|
592
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
593
593
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
594
594
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
595
595
|
}
|
|
@@ -597,7 +597,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
597
597
|
.utrecht-custom-checkbox__input:focus ~ .utrecht-custom-checkbox__box {
|
|
598
598
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
599
599
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
600
|
-
outline-offset: 0;
|
|
600
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
601
601
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
602
602
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
603
603
|
}
|
|
@@ -1308,7 +1308,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1308
1308
|
.utrecht-link--focus-visible, .utrecht-link:focus {
|
|
1309
1309
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1310
1310
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1311
|
-
outline-offset: 0;
|
|
1311
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1312
1312
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1313
1313
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1314
1314
|
}
|
|
@@ -1411,7 +1411,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1411
1411
|
.utrecht-mapcontrolbutton--focus-visible, .utrecht-mapcontrolbutton:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-mapcontrolbutton--disabled) {
|
|
1412
1412
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1413
1413
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1414
|
-
outline-offset: 0;
|
|
1414
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1415
1415
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1416
1416
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1417
1417
|
}
|
|
@@ -1483,7 +1483,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1483
1483
|
.utrecht-menulijst__link--focus-visible, .utrecht-menulijst__link:focus {
|
|
1484
1484
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1485
1485
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1486
|
-
outline-offset: 0;
|
|
1486
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1487
1487
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1488
1488
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1489
1489
|
}
|
|
@@ -1564,7 +1564,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1564
1564
|
.utrecht-topnav__link--focus-visible, .utrecht-topnav__link:focus {
|
|
1565
1565
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1566
1566
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1567
|
-
outline-offset: 0;
|
|
1567
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1568
1568
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1569
1569
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1570
1570
|
}
|
|
@@ -1658,7 +1658,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1658
1658
|
.utrecht-sidenav__link--focus-visible, .utrecht-sidenav__link:focus {
|
|
1659
1659
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1660
1660
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1661
|
-
outline-offset: 0;
|
|
1661
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1662
1662
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1663
1663
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1664
1664
|
}
|
|
@@ -1829,7 +1829,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1829
1829
|
.utrecht-topnav__link--focus-visible, .utrecht-topnav__link:focus {
|
|
1830
1830
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1831
1831
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1832
|
-
outline-offset: 0;
|
|
1832
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1833
1833
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1834
1834
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1835
1835
|
}
|
|
@@ -2059,7 +2059,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2059
2059
|
.utrecht-pagination__relative-link:focus {
|
|
2060
2060
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2061
2061
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2062
|
-
outline-offset: 0;
|
|
2062
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2063
2063
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2064
2064
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2065
2065
|
}
|
|
@@ -2145,7 +2145,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2145
2145
|
.utrecht-radio-button--focus-visible, .utrecht-radio-button--html-input:focus {
|
|
2146
2146
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2147
2147
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2148
|
-
outline-offset: 0;
|
|
2148
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2149
2149
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2150
2150
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2151
2151
|
}
|
|
@@ -2243,7 +2243,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2243
2243
|
.utrecht-select--focus-visible, .utrecht-select--html-select:focus {
|
|
2244
2244
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2245
2245
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2246
|
-
outline-offset: 0;
|
|
2246
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2247
2247
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2248
2248
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2249
2249
|
}
|
|
@@ -2442,7 +2442,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2442
2442
|
.utrecht-textarea--focus-visible, .utrecht-textarea--html-textarea:focus {
|
|
2443
2443
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2444
2444
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2445
|
-
outline-offset: 0;
|
|
2445
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2446
2446
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2447
2447
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2448
2448
|
}
|
|
@@ -2514,7 +2514,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2514
2514
|
.utrecht-textbox--focus-visible, .utrecht-textbox--html-input:focus {
|
|
2515
2515
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2516
2516
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2517
|
-
outline-offset: 0;
|
|
2517
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2518
2518
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2519
2519
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2520
2520
|
}
|
package/dist/html.css
CHANGED
|
@@ -139,7 +139,7 @@
|
|
|
139
139
|
/* the pseudo-class for `:focus-visible` is implemented via the mixin */
|
|
140
140
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
141
141
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
142
|
-
outline-offset: 0;
|
|
142
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
143
143
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
144
144
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
145
145
|
}
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
.utrecht-checkbox--focus-visible {
|
|
208
208
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
209
209
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
210
|
-
outline-offset: 0;
|
|
210
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
211
211
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
212
212
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
213
213
|
}
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
.utrecht-checkbox--html-input:focus, .utrecht-html input[type=checkbox i]:focus {
|
|
216
216
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
217
217
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
218
|
-
outline-offset: 0;
|
|
218
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
219
219
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
220
220
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
221
221
|
}
|
|
@@ -646,7 +646,7 @@
|
|
|
646
646
|
/* the pseudo-class for `:focus-visible` is implemented via the mixin */
|
|
647
647
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
648
648
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
649
|
-
outline-offset: 0;
|
|
649
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
650
650
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
651
651
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
652
652
|
}
|
|
@@ -714,7 +714,7 @@
|
|
|
714
714
|
.utrecht-checkbox--focus-visible {
|
|
715
715
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
716
716
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
717
|
-
outline-offset: 0;
|
|
717
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
718
718
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
719
719
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
720
720
|
}
|
|
@@ -722,7 +722,7 @@
|
|
|
722
722
|
.utrecht-checkbox--html-input:focus, .utrecht-html input[type=checkbox i]:focus {
|
|
723
723
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
724
724
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
725
|
-
outline-offset: 0;
|
|
725
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
726
726
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
727
727
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
728
728
|
}
|
|
@@ -1109,7 +1109,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1109
1109
|
.utrecht-link--focus-visible, .utrecht-html a:focus, .utrecht-link:focus {
|
|
1110
1110
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1111
1111
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1112
|
-
outline-offset: 0;
|
|
1112
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1113
1113
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1114
1114
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1115
1115
|
}
|
|
@@ -1226,7 +1226,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1226
1226
|
.utrecht-radio-button--focus-visible, .utrecht-radio-button--html-input:focus, .utrecht-html input[type=radio i]:focus {
|
|
1227
1227
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1228
1228
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1229
|
-
outline-offset: 0;
|
|
1229
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1230
1230
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1231
1231
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1232
1232
|
}
|
|
@@ -1418,7 +1418,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1418
1418
|
.utrecht-textarea--focus-visible, .utrecht-textarea--html-textarea:focus, .utrecht-html textarea:focus {
|
|
1419
1419
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1420
1420
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1421
|
-
outline-offset: 0;
|
|
1421
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1422
1422
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1423
1423
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1424
1424
|
}
|
|
@@ -1566,7 +1566,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1566
1566
|
.utrecht-html input[type=week i]:focus {
|
|
1567
1567
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1568
1568
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1569
|
-
outline-offset: 0;
|
|
1569
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1570
1570
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1571
1571
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1572
1572
|
}
|
|
@@ -1819,7 +1819,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1819
1819
|
.utrecht-link--focus-visible, .utrecht-link:focus, .utrecht-html a:focus {
|
|
1820
1820
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1821
1821
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1822
|
-
outline-offset: 0;
|
|
1822
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1823
1823
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1824
1824
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1825
1825
|
}
|
|
@@ -1936,7 +1936,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1936
1936
|
.utrecht-radio-button--focus-visible, .utrecht-radio-button--html-input:focus, .utrecht-html input[type=radio i]:focus {
|
|
1937
1937
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1938
1938
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1939
|
-
outline-offset: 0;
|
|
1939
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1940
1940
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1941
1941
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1942
1942
|
}
|
|
@@ -2004,7 +2004,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2004
2004
|
.utrecht-select--focus-visible, .utrecht-select--html-select:focus, .utrecht-html select:focus {
|
|
2005
2005
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2006
2006
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2007
|
-
outline-offset: 0;
|
|
2007
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2008
2008
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2009
2009
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2010
2010
|
}
|
|
@@ -2205,7 +2205,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2205
2205
|
.utrecht-textarea--focus-visible, .utrecht-textarea--html-textarea:focus, .utrecht-html textarea:focus {
|
|
2206
2206
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2207
2207
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2208
|
-
outline-offset: 0;
|
|
2208
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2209
2209
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2210
2210
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2211
2211
|
}
|
|
@@ -2353,7 +2353,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2353
2353
|
.utrecht-html input[type=week i]:focus {
|
|
2354
2354
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2355
2355
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2356
|
-
outline-offset: 0;
|
|
2356
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2357
2357
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2358
2358
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2359
2359
|
}
|
package/dist/index.css
CHANGED
|
@@ -405,7 +405,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
405
405
|
/* the pseudo-class for `:focus-visible` is implemented via the mixin */
|
|
406
406
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
407
407
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
408
|
-
outline-offset: 0;
|
|
408
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
409
409
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
410
410
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
411
411
|
}
|
|
@@ -467,7 +467,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
467
467
|
.utrecht-checkbox--focus-visible {
|
|
468
468
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
469
469
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
470
|
-
outline-offset: 0;
|
|
470
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
471
471
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
472
472
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
473
473
|
}
|
|
@@ -475,7 +475,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
475
475
|
.utrecht-checkbox--html-input:focus, .utrecht-html input[type=checkbox i]:focus {
|
|
476
476
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
477
477
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
478
|
-
outline-offset: 0;
|
|
478
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
479
479
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
480
480
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
481
481
|
}
|
|
@@ -515,7 +515,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
515
515
|
.utrecht-checkbox--focus-visible {
|
|
516
516
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
517
517
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
518
|
-
outline-offset: 0;
|
|
518
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
519
519
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
520
520
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
521
521
|
}
|
|
@@ -523,7 +523,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
523
523
|
.utrecht-checkbox--html-input:focus, .utrecht-html input[type=checkbox i]:focus {
|
|
524
524
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
525
525
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
526
|
-
outline-offset: 0;
|
|
526
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
527
527
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
528
528
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
529
529
|
}
|
|
@@ -626,7 +626,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
626
626
|
.utrecht-custom-checkbox__box--focus-visible {
|
|
627
627
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
628
628
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
629
|
-
outline-offset: 0;
|
|
629
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
630
630
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
631
631
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
632
632
|
}
|
|
@@ -634,7 +634,7 @@ ol.utrecht-breadcrumb__list {
|
|
|
634
634
|
.utrecht-custom-checkbox__input:focus ~ .utrecht-custom-checkbox__box {
|
|
635
635
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
636
636
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
637
|
-
outline-offset: 0;
|
|
637
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
638
638
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
639
639
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
640
640
|
}
|
|
@@ -1348,7 +1348,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1348
1348
|
.utrecht-link--focus-visible, .utrecht-html a:focus, .utrecht-link:focus {
|
|
1349
1349
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1350
1350
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1351
|
-
outline-offset: 0;
|
|
1351
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1352
1352
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1353
1353
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1354
1354
|
}
|
|
@@ -1451,7 +1451,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1451
1451
|
.utrecht-mapcontrolbutton--focus-visible, .utrecht-mapcontrolbutton:focus:not(:disabled):not([aria-disabled=true]):not(.utrecht-mapcontrolbutton--disabled) {
|
|
1452
1452
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1453
1453
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1454
|
-
outline-offset: 0;
|
|
1454
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1455
1455
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1456
1456
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1457
1457
|
}
|
|
@@ -1523,7 +1523,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1523
1523
|
.utrecht-menulijst__link--focus-visible, .utrecht-menulijst__link:focus {
|
|
1524
1524
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1525
1525
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1526
|
-
outline-offset: 0;
|
|
1526
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1527
1527
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1528
1528
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1529
1529
|
}
|
|
@@ -1604,7 +1604,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1604
1604
|
.utrecht-topnav__link--focus-visible, .utrecht-topnav__link:focus {
|
|
1605
1605
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1606
1606
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1607
|
-
outline-offset: 0;
|
|
1607
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1608
1608
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1609
1609
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1610
1610
|
}
|
|
@@ -1698,7 +1698,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1698
1698
|
.utrecht-sidenav__link--focus-visible, .utrecht-sidenav__link:focus {
|
|
1699
1699
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1700
1700
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1701
|
-
outline-offset: 0;
|
|
1701
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1702
1702
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1703
1703
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1704
1704
|
}
|
|
@@ -1869,7 +1869,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
1869
1869
|
.utrecht-topnav__link--focus-visible, .utrecht-topnav__link:focus {
|
|
1870
1870
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
1871
1871
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
1872
|
-
outline-offset: 0;
|
|
1872
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
1873
1873
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
1874
1874
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
1875
1875
|
}
|
|
@@ -2099,7 +2099,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2099
2099
|
.utrecht-pagination__relative-link:focus {
|
|
2100
2100
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2101
2101
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2102
|
-
outline-offset: 0;
|
|
2102
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2103
2103
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2104
2104
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2105
2105
|
}
|
|
@@ -2185,7 +2185,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2185
2185
|
.utrecht-radio-button--focus-visible, .utrecht-radio-button--html-input:focus, .utrecht-html input[type=radio i]:focus {
|
|
2186
2186
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2187
2187
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2188
|
-
outline-offset: 0;
|
|
2188
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2189
2189
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2190
2190
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2191
2191
|
}
|
|
@@ -2283,7 +2283,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2283
2283
|
.utrecht-select--focus-visible, .utrecht-select--html-select:focus, .utrecht-html select:focus {
|
|
2284
2284
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2285
2285
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2286
|
-
outline-offset: 0;
|
|
2286
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2287
2287
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2288
2288
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2289
2289
|
}
|
|
@@ -2487,7 +2487,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2487
2487
|
.utrecht-textarea--focus-visible, .utrecht-textarea--html-textarea:focus, .utrecht-html textarea:focus {
|
|
2488
2488
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2489
2489
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2490
|
-
outline-offset: 0;
|
|
2490
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2491
2491
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2492
2492
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2493
2493
|
}
|
|
@@ -2631,7 +2631,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2631
2631
|
.utrecht-html input[type=week i]:focus {
|
|
2632
2632
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2633
2633
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2634
|
-
outline-offset: 0;
|
|
2634
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2635
2635
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2636
2636
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2637
2637
|
}
|
|
@@ -2907,7 +2907,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2907
2907
|
/* the pseudo-class for `:focus-visible` is implemented via the mixin */
|
|
2908
2908
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2909
2909
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2910
|
-
outline-offset: 0;
|
|
2910
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2911
2911
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2912
2912
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2913
2913
|
}
|
|
@@ -2975,7 +2975,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2975
2975
|
.utrecht-checkbox--focus-visible {
|
|
2976
2976
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2977
2977
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2978
|
-
outline-offset: 0;
|
|
2978
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2979
2979
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2980
2980
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2981
2981
|
}
|
|
@@ -2983,7 +2983,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
2983
2983
|
.utrecht-checkbox--html-input:focus, .utrecht-html input[type=checkbox i]:focus {
|
|
2984
2984
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
2985
2985
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
2986
|
-
outline-offset: 0;
|
|
2986
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
2987
2987
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
2988
2988
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
2989
2989
|
}
|
|
@@ -3414,7 +3414,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3414
3414
|
/* the pseudo-class for `:focus-visible` is implemented via the mixin */
|
|
3415
3415
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
3416
3416
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
3417
|
-
outline-offset: 0;
|
|
3417
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
3418
3418
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
3419
3419
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
3420
3420
|
}
|
|
@@ -3482,7 +3482,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3482
3482
|
.utrecht-checkbox--focus-visible {
|
|
3483
3483
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
3484
3484
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
3485
|
-
outline-offset: 0;
|
|
3485
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
3486
3486
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
3487
3487
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
3488
3488
|
}
|
|
@@ -3490,7 +3490,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3490
3490
|
.utrecht-checkbox--html-input:focus, .utrecht-html input[type=checkbox i]:focus {
|
|
3491
3491
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
3492
3492
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
3493
|
-
outline-offset: 0;
|
|
3493
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
3494
3494
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
3495
3495
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
3496
3496
|
}
|
|
@@ -3877,7 +3877,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3877
3877
|
.utrecht-link--focus-visible, .utrecht-html a:focus, .utrecht-link:focus {
|
|
3878
3878
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
3879
3879
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
3880
|
-
outline-offset: 0;
|
|
3880
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
3881
3881
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
3882
3882
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
3883
3883
|
}
|
|
@@ -3994,7 +3994,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
3994
3994
|
.utrecht-radio-button--focus-visible, .utrecht-radio-button--html-input:focus, .utrecht-html input[type=radio i]:focus {
|
|
3995
3995
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
3996
3996
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
3997
|
-
outline-offset: 0;
|
|
3997
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
3998
3998
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
3999
3999
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4000
4000
|
}
|
|
@@ -4186,7 +4186,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4186
4186
|
.utrecht-textarea--focus-visible, .utrecht-textarea--html-textarea:focus, .utrecht-html textarea:focus {
|
|
4187
4187
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
4188
4188
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
4189
|
-
outline-offset: 0;
|
|
4189
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
4190
4190
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
4191
4191
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4192
4192
|
}
|
|
@@ -4334,7 +4334,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4334
4334
|
.utrecht-html input[type=week i]:focus {
|
|
4335
4335
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
4336
4336
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
4337
|
-
outline-offset: 0;
|
|
4337
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
4338
4338
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
4339
4339
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4340
4340
|
}
|
|
@@ -4587,7 +4587,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4587
4587
|
.utrecht-link--focus-visible, .utrecht-link:focus, .utrecht-html a:focus {
|
|
4588
4588
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
4589
4589
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
4590
|
-
outline-offset: 0;
|
|
4590
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
4591
4591
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
4592
4592
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4593
4593
|
}
|
|
@@ -4704,7 +4704,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4704
4704
|
.utrecht-radio-button--focus-visible, .utrecht-radio-button--html-input:focus, .utrecht-html input[type=radio i]:focus {
|
|
4705
4705
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
4706
4706
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
4707
|
-
outline-offset: 0;
|
|
4707
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
4708
4708
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
4709
4709
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4710
4710
|
}
|
|
@@ -4772,7 +4772,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4772
4772
|
.utrecht-select--focus-visible, .utrecht-select--html-select:focus, .utrecht-html select:focus {
|
|
4773
4773
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
4774
4774
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
4775
|
-
outline-offset: 0;
|
|
4775
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
4776
4776
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
4777
4777
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4778
4778
|
}
|
|
@@ -4973,7 +4973,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
4973
4973
|
.utrecht-textarea--focus-visible, .utrecht-textarea--html-textarea:focus, .utrecht-html textarea:focus {
|
|
4974
4974
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
4975
4975
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
4976
|
-
outline-offset: 0;
|
|
4976
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
4977
4977
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
4978
4978
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
4979
4979
|
}
|
|
@@ -5121,7 +5121,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
5121
5121
|
.utrecht-html input[type=week i]:focus {
|
|
5122
5122
|
box-shadow: 0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);
|
|
5123
5123
|
outline-color: var(--utrecht-focus-outline-color, transparent);
|
|
5124
|
-
outline-offset: 0;
|
|
5124
|
+
outline-offset: var(--utrecht-focus-outline-offset, 0);
|
|
5125
5125
|
outline-style: var(--utrecht-focus-outline-style, solid);
|
|
5126
5126
|
outline-width: var(--utrecht-focus-outline-width, 0);
|
|
5127
5127
|
}
|
|
@@ -5259,7 +5259,7 @@ however browsers don't seem to have implemented great looking supixel tweening y
|
|
|
5259
5259
|
/* Collection of CSS variables for Utrecht theme applied to `:root` */
|
|
5260
5260
|
/**
|
|
5261
5261
|
* Do not edit directly
|
|
5262
|
-
* Generated on Thu, 28 Apr 2022
|
|
5262
|
+
* Generated on Thu, 28 Apr 2022 10:03:04 GMT
|
|
5263
5263
|
*/
|
|
5264
5264
|
:root {
|
|
5265
5265
|
--utrecht-toptask-nav-link-grid-max-inline-size: 240px;
|
package/dist/root-theme.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
/* Collection of CSS variables for Utrecht theme applied to `:root` */
|
|
6
6
|
/**
|
|
7
7
|
* Do not edit directly
|
|
8
|
-
* Generated on Thu, 28 Apr 2022
|
|
8
|
+
* Generated on Thu, 28 Apr 2022 10:03:04 GMT
|
|
9
9
|
*/
|
|
10
10
|
:root {
|
|
11
11
|
--utrecht-toptask-nav-link-grid-max-inline-size: 240px;
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.0-alpha.
|
|
2
|
+
"version": "1.0.0-alpha.198",
|
|
3
3
|
"author": "Community for NL Design System",
|
|
4
4
|
"description": "Component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
|
|
5
5
|
"license": "EUPL-1.2",
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"url": "git@github.com:nl-design-system/utrecht.git"
|
|
17
17
|
},
|
|
18
18
|
"devDependencies": {
|
|
19
|
-
"@utrecht/design-tokens": "1.0.0-alpha.
|
|
19
|
+
"@utrecht/design-tokens": "1.0.0-alpha.191",
|
|
20
20
|
"node-sass-package-importer": "5.3.2",
|
|
21
21
|
"rimraf": "3.0.2",
|
|
22
22
|
"sass": "1.50.1"
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"build": "sass src/:dist/ --load-path=../../node_modules/ --no-source-map",
|
|
27
27
|
"clean": "rimraf dist/"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "03b34886a7064824ff74cac7b3606c0dc314789f"
|
|
30
30
|
}
|