dso-toolkit 88.0.0 → 88.1.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/CHANGELOG.md +12 -0
- package/dist/dso.css +880 -33
- package/dist/dso.css.map +1 -1
- package/dist/dso.min.css +1 -1
- package/dist/dso.min.css.map +1 -1
- package/package.json +1 -1
- package/src/components/button/button.mixins.scss +28 -8
- package/src/global/mixins/set-colors.mixin.scss +40 -0
package/dist/dso.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
:root {
|
|
2
|
-
--dso-toolkit-version: "88.
|
|
2
|
+
--dso-toolkit-version: "88.1.0";
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
@font-face {
|
|
@@ -250,6 +250,10 @@ dso-action-list .dso-rich-content .h5 {
|
|
|
250
250
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
251
251
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
252
252
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
253
|
+
--_dso-button-tertiary-color: #191919;
|
|
254
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
255
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
256
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
253
257
|
background-color: #e4f1d4;
|
|
254
258
|
color: #191919;
|
|
255
259
|
border-color: var(--_dso-alert-success-border-color, #e4f1d4);
|
|
@@ -279,6 +283,10 @@ dso-action-list .dso-rich-content .h5 {
|
|
|
279
283
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
280
284
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
281
285
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
286
|
+
--_dso-button-tertiary-color: #191919;
|
|
287
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
288
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
289
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
282
290
|
background-color: #f5d8dc;
|
|
283
291
|
color: #191919;
|
|
284
292
|
border-color: var(--_dso-alert-error-border-color, #f5d8dc);
|
|
@@ -308,6 +316,10 @@ dso-action-list .dso-rich-content .h5 {
|
|
|
308
316
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
309
317
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
310
318
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
319
|
+
--_dso-button-tertiary-color: #191919;
|
|
320
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
321
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
322
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
311
323
|
background-color: #f8f6cc;
|
|
312
324
|
color: #191919;
|
|
313
325
|
border-color: var(--_dso-alert-warning-border-color, #f8f6cc);
|
|
@@ -337,6 +349,10 @@ dso-action-list .dso-rich-content .h5 {
|
|
|
337
349
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
338
350
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
339
351
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
352
|
+
--_dso-button-tertiary-color: #191919;
|
|
353
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
354
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
355
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
340
356
|
background-color: #e1ecf7;
|
|
341
357
|
color: #191919;
|
|
342
358
|
border-color: var(--_dso-alert-info-border-color, #e1ecf7);
|
|
@@ -545,6 +561,36 @@ dso-alert a:active {
|
|
|
545
561
|
}
|
|
546
562
|
.dso-badge {
|
|
547
563
|
--_dso-icon-button-tertiary-color: #fff;
|
|
564
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
565
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
566
|
+
--_dso-button-primary-background-color: #fff;
|
|
567
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
568
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
569
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
570
|
+
--_dso-button-primary-border-color: #fff;
|
|
571
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
572
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
573
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
574
|
+
--_dso-button-primary-color: #191919;
|
|
575
|
+
--_dso-button-primary-hover-color: #191919;
|
|
576
|
+
--_dso-button-primary-active-color: #191919;
|
|
577
|
+
--_dso-button-primary-disabled-color: #666;
|
|
578
|
+
--_dso-button-secondary-background-color: none;
|
|
579
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
580
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
581
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
582
|
+
--_dso-button-secondary-border-color: #fff;
|
|
583
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
584
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
585
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
586
|
+
--_dso-button-secondary-color: #fff;
|
|
587
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
588
|
+
--_dso-button-secondary-active-color: #fff;
|
|
589
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
590
|
+
--_dso-button-tertiary-color: #fff;
|
|
591
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
592
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
593
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
548
594
|
background-color: #666;
|
|
549
595
|
color: #fff;
|
|
550
596
|
border-color: #666;
|
|
@@ -572,6 +618,36 @@ dso-alert a:active {
|
|
|
572
618
|
}
|
|
573
619
|
.dso-badge.badge-info {
|
|
574
620
|
--_dso-icon-button-tertiary-color: #fff;
|
|
621
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
622
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
623
|
+
--_dso-button-primary-background-color: #fff;
|
|
624
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
625
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
626
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
627
|
+
--_dso-button-primary-border-color: #fff;
|
|
628
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
629
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
630
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
631
|
+
--_dso-button-primary-color: #191919;
|
|
632
|
+
--_dso-button-primary-hover-color: #191919;
|
|
633
|
+
--_dso-button-primary-active-color: #191919;
|
|
634
|
+
--_dso-button-primary-disabled-color: #666;
|
|
635
|
+
--_dso-button-secondary-background-color: none;
|
|
636
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
637
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
638
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
639
|
+
--_dso-button-secondary-border-color: #fff;
|
|
640
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
641
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
642
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
643
|
+
--_dso-button-secondary-color: #fff;
|
|
644
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
645
|
+
--_dso-button-secondary-active-color: #fff;
|
|
646
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
647
|
+
--_dso-button-tertiary-color: #fff;
|
|
648
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
649
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
650
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
575
651
|
background-color: #2b5780;
|
|
576
652
|
color: #fff;
|
|
577
653
|
border-color: #2b5780;
|
|
@@ -599,6 +675,36 @@ dso-alert a:active {
|
|
|
599
675
|
}
|
|
600
676
|
.dso-badge.badge-primary {
|
|
601
677
|
--_dso-icon-button-tertiary-color: #fff;
|
|
678
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
679
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
680
|
+
--_dso-button-primary-background-color: #fff;
|
|
681
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
682
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
683
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
684
|
+
--_dso-button-primary-border-color: #fff;
|
|
685
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
686
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
687
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
688
|
+
--_dso-button-primary-color: #191919;
|
|
689
|
+
--_dso-button-primary-hover-color: #191919;
|
|
690
|
+
--_dso-button-primary-active-color: #191919;
|
|
691
|
+
--_dso-button-primary-disabled-color: #666;
|
|
692
|
+
--_dso-button-secondary-background-color: none;
|
|
693
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
694
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
695
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
696
|
+
--_dso-button-secondary-border-color: #fff;
|
|
697
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
698
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
699
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
700
|
+
--_dso-button-secondary-color: #fff;
|
|
701
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
702
|
+
--_dso-button-secondary-active-color: #fff;
|
|
703
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
704
|
+
--_dso-button-tertiary-color: #fff;
|
|
705
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
706
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
707
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
602
708
|
background-color: #275937;
|
|
603
709
|
color: #fff;
|
|
604
710
|
border-color: #275937;
|
|
@@ -626,6 +732,36 @@ dso-alert a:active {
|
|
|
626
732
|
}
|
|
627
733
|
.dso-badge.badge-success {
|
|
628
734
|
--_dso-icon-button-tertiary-color: #fff;
|
|
735
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
736
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
737
|
+
--_dso-button-primary-background-color: #fff;
|
|
738
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
739
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
740
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
741
|
+
--_dso-button-primary-border-color: #fff;
|
|
742
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
743
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
744
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
745
|
+
--_dso-button-primary-color: #191919;
|
|
746
|
+
--_dso-button-primary-hover-color: #191919;
|
|
747
|
+
--_dso-button-primary-active-color: #191919;
|
|
748
|
+
--_dso-button-primary-disabled-color: #666;
|
|
749
|
+
--_dso-button-secondary-background-color: none;
|
|
750
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
751
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
752
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
753
|
+
--_dso-button-secondary-border-color: #fff;
|
|
754
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
755
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
756
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
757
|
+
--_dso-button-secondary-color: #fff;
|
|
758
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
759
|
+
--_dso-button-secondary-active-color: #fff;
|
|
760
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
761
|
+
--_dso-button-tertiary-color: #fff;
|
|
762
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
763
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
764
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
629
765
|
background-color: #39870c;
|
|
630
766
|
color: #fff;
|
|
631
767
|
border-color: #39870c;
|
|
@@ -656,6 +792,10 @@ dso-alert a:active {
|
|
|
656
792
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
657
793
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
658
794
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
795
|
+
--_dso-button-tertiary-color: #191919;
|
|
796
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
797
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
798
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
659
799
|
background-color: #dcd400;
|
|
660
800
|
color: #191919;
|
|
661
801
|
border-color: #dcd400;
|
|
@@ -683,6 +823,36 @@ dso-alert a:active {
|
|
|
683
823
|
}
|
|
684
824
|
.dso-badge.badge-error {
|
|
685
825
|
--_dso-icon-button-tertiary-color: #fff;
|
|
826
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
827
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
828
|
+
--_dso-button-primary-background-color: #fff;
|
|
829
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
830
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
831
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
832
|
+
--_dso-button-primary-border-color: #fff;
|
|
833
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
834
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
835
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
836
|
+
--_dso-button-primary-color: #191919;
|
|
837
|
+
--_dso-button-primary-hover-color: #191919;
|
|
838
|
+
--_dso-button-primary-active-color: #191919;
|
|
839
|
+
--_dso-button-primary-disabled-color: #666;
|
|
840
|
+
--_dso-button-secondary-background-color: none;
|
|
841
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
842
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
843
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
844
|
+
--_dso-button-secondary-border-color: #fff;
|
|
845
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
846
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
847
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
848
|
+
--_dso-button-secondary-color: #fff;
|
|
849
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
850
|
+
--_dso-button-secondary-active-color: #fff;
|
|
851
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
852
|
+
--_dso-button-tertiary-color: #fff;
|
|
853
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
854
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
855
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
686
856
|
background-color: #ce3f51;
|
|
687
857
|
color: #fff;
|
|
688
858
|
border-color: #ce3f51;
|
|
@@ -719,6 +889,36 @@ dso-alert a:active {
|
|
|
719
889
|
}
|
|
720
890
|
.dso-badge.badge-attention {
|
|
721
891
|
--_dso-icon-button-tertiary-color: #fff;
|
|
892
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
893
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
894
|
+
--_dso-button-primary-background-color: #fff;
|
|
895
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
896
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
897
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
898
|
+
--_dso-button-primary-border-color: #fff;
|
|
899
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
900
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
901
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
902
|
+
--_dso-button-primary-color: #191919;
|
|
903
|
+
--_dso-button-primary-hover-color: #191919;
|
|
904
|
+
--_dso-button-primary-active-color: #191919;
|
|
905
|
+
--_dso-button-primary-disabled-color: #666;
|
|
906
|
+
--_dso-button-secondary-background-color: none;
|
|
907
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
908
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
909
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
910
|
+
--_dso-button-secondary-border-color: #fff;
|
|
911
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
912
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
913
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
914
|
+
--_dso-button-secondary-color: #fff;
|
|
915
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
916
|
+
--_dso-button-secondary-active-color: #fff;
|
|
917
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
918
|
+
--_dso-button-tertiary-color: #fff;
|
|
919
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
920
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
921
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
722
922
|
background-color: #8b4a6a;
|
|
723
923
|
color: #fff;
|
|
724
924
|
border-color: #8b4a6a;
|
|
@@ -856,6 +1056,10 @@ dso-alert a:active {
|
|
|
856
1056
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
857
1057
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
858
1058
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1059
|
+
--_dso-button-tertiary-color: #191919;
|
|
1060
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1061
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1062
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
859
1063
|
background-color: #e4f1d4;
|
|
860
1064
|
color: #191919;
|
|
861
1065
|
border-color: #e4f1d4;
|
|
@@ -893,6 +1097,10 @@ dso-alert a:active {
|
|
|
893
1097
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
894
1098
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
895
1099
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1100
|
+
--_dso-button-tertiary-color: #191919;
|
|
1101
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1102
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1103
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
896
1104
|
background-color: #f5d8dc;
|
|
897
1105
|
color: #191919;
|
|
898
1106
|
border-color: #f5d8dc;
|
|
@@ -930,6 +1138,10 @@ dso-alert a:active {
|
|
|
930
1138
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
931
1139
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
932
1140
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1141
|
+
--_dso-button-tertiary-color: #191919;
|
|
1142
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1143
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1144
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
933
1145
|
background-color: #e1ecf7;
|
|
934
1146
|
color: #191919;
|
|
935
1147
|
border-color: #e1ecf7;
|
|
@@ -967,6 +1179,10 @@ dso-alert a:active {
|
|
|
967
1179
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
968
1180
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
969
1181
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1182
|
+
--_dso-button-tertiary-color: #191919;
|
|
1183
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1184
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1185
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
970
1186
|
background-color: #f8f6cc;
|
|
971
1187
|
color: #191919;
|
|
972
1188
|
border-color: #f8f6cc;
|
|
@@ -1108,6 +1324,10 @@ dso-banner[status=success] {
|
|
|
1108
1324
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
1109
1325
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
1110
1326
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1327
|
+
--_dso-button-tertiary-color: #191919;
|
|
1328
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1329
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1330
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
1111
1331
|
background-color: #e4f1d4;
|
|
1112
1332
|
color: #191919;
|
|
1113
1333
|
border-color: #e4f1d4;
|
|
@@ -1145,6 +1365,10 @@ dso-banner[status=error] {
|
|
|
1145
1365
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
1146
1366
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
1147
1367
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1368
|
+
--_dso-button-tertiary-color: #191919;
|
|
1369
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1370
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1371
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
1148
1372
|
background-color: #f5d8dc;
|
|
1149
1373
|
color: #191919;
|
|
1150
1374
|
border-color: #f5d8dc;
|
|
@@ -1182,6 +1406,10 @@ dso-banner[status=info] {
|
|
|
1182
1406
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
1183
1407
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
1184
1408
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1409
|
+
--_dso-button-tertiary-color: #191919;
|
|
1410
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1411
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1412
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
1185
1413
|
background-color: #e1ecf7;
|
|
1186
1414
|
color: #191919;
|
|
1187
1415
|
border-color: #e1ecf7;
|
|
@@ -1219,6 +1447,10 @@ dso-banner[status=warning] {
|
|
|
1219
1447
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
1220
1448
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
1221
1449
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
1450
|
+
--_dso-button-tertiary-color: #191919;
|
|
1451
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
1452
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
1453
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
1222
1454
|
background-color: #f8f6cc;
|
|
1223
1455
|
color: #191919;
|
|
1224
1456
|
border-color: #f8f6cc;
|
|
@@ -1317,6 +1549,7 @@ label.dso-primary {
|
|
|
1317
1549
|
text-align: start;
|
|
1318
1550
|
user-select: none;
|
|
1319
1551
|
vertical-align: middle;
|
|
1552
|
+
background-clip: padding-box;
|
|
1320
1553
|
}
|
|
1321
1554
|
a.dso-primary:focus, a.dso-primary:focus-visible,
|
|
1322
1555
|
button.dso-primary:focus,
|
|
@@ -1518,6 +1751,7 @@ label.dso-secondary {
|
|
|
1518
1751
|
text-align: start;
|
|
1519
1752
|
user-select: none;
|
|
1520
1753
|
vertical-align: middle;
|
|
1754
|
+
background-clip: padding-box;
|
|
1521
1755
|
}
|
|
1522
1756
|
a.dso-secondary:focus, a.dso-secondary:focus-visible,
|
|
1523
1757
|
button.dso-secondary:focus,
|
|
@@ -1775,6 +2009,42 @@ label.dso-tertiary {
|
|
|
1775
2009
|
text-align: start;
|
|
1776
2010
|
user-select: none;
|
|
1777
2011
|
vertical-align: middle;
|
|
2012
|
+
background-clip: padding-box;
|
|
2013
|
+
}
|
|
2014
|
+
a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
|
|
2015
|
+
button.dso-tertiary:focus,
|
|
2016
|
+
button.dso-tertiary:focus-visible,
|
|
2017
|
+
label.dso-tertiary:focus,
|
|
2018
|
+
label.dso-tertiary:focus-visible {
|
|
2019
|
+
outline-offset: 2px;
|
|
2020
|
+
}
|
|
2021
|
+
a.dso-tertiary:active,
|
|
2022
|
+
button.dso-tertiary:active,
|
|
2023
|
+
label.dso-tertiary:active {
|
|
2024
|
+
outline: 0;
|
|
2025
|
+
}
|
|
2026
|
+
a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
|
|
2027
|
+
button.dso-tertiary.extern::after,
|
|
2028
|
+
button.dso-tertiary.download::after,
|
|
2029
|
+
label.dso-tertiary.extern::after,
|
|
2030
|
+
label.dso-tertiary.download::after {
|
|
2031
|
+
content: "";
|
|
2032
|
+
display: inline-block;
|
|
2033
|
+
margin-inline-start: 8px;
|
|
2034
|
+
}
|
|
2035
|
+
a.dso-tertiary,
|
|
2036
|
+
button.dso-tertiary,
|
|
2037
|
+
label.dso-tertiary {
|
|
2038
|
+
display: inline-block;
|
|
2039
|
+
font-size: 1em;
|
|
2040
|
+
font-weight: 500;
|
|
2041
|
+
margin-block-end: 0;
|
|
2042
|
+
text-decoration: none;
|
|
2043
|
+
touch-action: manipulation;
|
|
2044
|
+
text-align: start;
|
|
2045
|
+
user-select: none;
|
|
2046
|
+
vertical-align: middle;
|
|
2047
|
+
background-clip: padding-box;
|
|
1778
2048
|
}
|
|
1779
2049
|
a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
|
|
1780
2050
|
button.dso-tertiary:focus,
|
|
@@ -1799,18 +2069,128 @@ label.dso-tertiary.download::after {
|
|
|
1799
2069
|
}
|
|
1800
2070
|
a.dso-tertiary,
|
|
1801
2071
|
button.dso-tertiary,
|
|
2072
|
+
label.dso-tertiary {
|
|
2073
|
+
background-color: var(--_dso-button-tertiary-background-color, );
|
|
2074
|
+
border-color: var(--_dso-button-tertiary-border-color, );
|
|
2075
|
+
color: var(--_dso-button-tertiary-color, #39870c);
|
|
2076
|
+
border-width: 1px;
|
|
2077
|
+
border-style: solid;
|
|
2078
|
+
border-radius: 4px;
|
|
2079
|
+
line-height: 1.5;
|
|
2080
|
+
min-inline-size: 56px;
|
|
2081
|
+
padding-block: 11px;
|
|
2082
|
+
padding-inline: 15px;
|
|
2083
|
+
}
|
|
2084
|
+
a.dso-tertiary:hover,
|
|
2085
|
+
button.dso-tertiary:hover,
|
|
2086
|
+
label.dso-tertiary:hover {
|
|
2087
|
+
background-color: var(--_dso-button-tertiary-hover-background-color, );
|
|
2088
|
+
border-color: var(--_dso-button-tertiary-hover-border-color, );
|
|
2089
|
+
color: var(--_dso-button-tertiary-hover-color, #275937);
|
|
2090
|
+
}
|
|
2091
|
+
a.dso-tertiary:active,
|
|
2092
|
+
button.dso-tertiary:active,
|
|
2093
|
+
label.dso-tertiary:active {
|
|
2094
|
+
background-color: var(--_dso-button-tertiary-active-background-color, );
|
|
2095
|
+
border-color: var(--_dso-button-tertiary-active-border-color, );
|
|
2096
|
+
color: var(--_dso-button-tertiary-active-color, #173521);
|
|
2097
|
+
}
|
|
2098
|
+
a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover,
|
|
2099
|
+
button.dso-tertiary[disabled],
|
|
2100
|
+
button.dso-tertiary[disabled]:hover,
|
|
2101
|
+
label.dso-tertiary[disabled],
|
|
2102
|
+
label.dso-tertiary[disabled]:hover {
|
|
2103
|
+
background-color: var(--_dso-button-tertiary-disabled-background-color, );
|
|
2104
|
+
border-color: var(--_dso-button-tertiary-disabled-border-color, );
|
|
2105
|
+
color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
|
|
2106
|
+
}
|
|
2107
|
+
a.dso-tertiary.dso-small,
|
|
2108
|
+
button.dso-tertiary.dso-small,
|
|
2109
|
+
label.dso-tertiary.dso-small {
|
|
2110
|
+
line-height: 1rem;
|
|
2111
|
+
}
|
|
2112
|
+
a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before,
|
|
2113
|
+
button.dso-tertiary.dso-small dso-icon,
|
|
2114
|
+
button.dso-tertiary.dso-small.extern::after,
|
|
2115
|
+
button.dso-tertiary.dso-small.download::after,
|
|
2116
|
+
button.dso-tertiary.dso-small.dso-spinner::before,
|
|
2117
|
+
label.dso-tertiary.dso-small dso-icon,
|
|
2118
|
+
label.dso-tertiary.dso-small.extern::after,
|
|
2119
|
+
label.dso-tertiary.dso-small.download::after,
|
|
2120
|
+
label.dso-tertiary.dso-small.dso-spinner::before {
|
|
2121
|
+
margin-block-end: -4px;
|
|
2122
|
+
margin-block-start: -4px;
|
|
2123
|
+
}
|
|
2124
|
+
a.dso-tertiary.dso-small.dso-spinner-left::before,
|
|
2125
|
+
button.dso-tertiary.dso-small.dso-spinner-left::before,
|
|
2126
|
+
label.dso-tertiary.dso-small.dso-spinner-left::before {
|
|
2127
|
+
block-size: 16px;
|
|
2128
|
+
inline-size: 16px;
|
|
2129
|
+
}
|
|
2130
|
+
a.dso-tertiary.dso-small.dso-spinner-right::after,
|
|
2131
|
+
button.dso-tertiary.dso-small.dso-spinner-right::after,
|
|
2132
|
+
label.dso-tertiary.dso-small.dso-spinner-right::after {
|
|
2133
|
+
block-size: 16px;
|
|
2134
|
+
inline-size: 16px;
|
|
2135
|
+
}
|
|
2136
|
+
a.dso-tertiary.dso-extra-small,
|
|
2137
|
+
button.dso-tertiary.dso-extra-small,
|
|
2138
|
+
label.dso-tertiary.dso-extra-small {
|
|
2139
|
+
line-height: 1rem;
|
|
2140
|
+
}
|
|
2141
|
+
a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before,
|
|
2142
|
+
button.dso-tertiary.dso-extra-small dso-icon,
|
|
2143
|
+
button.dso-tertiary.dso-extra-small.extern::after,
|
|
2144
|
+
button.dso-tertiary.dso-extra-small.download::after,
|
|
2145
|
+
button.dso-tertiary.dso-extra-small.dso-spinner::before,
|
|
2146
|
+
label.dso-tertiary.dso-extra-small dso-icon,
|
|
2147
|
+
label.dso-tertiary.dso-extra-small.extern::after,
|
|
2148
|
+
label.dso-tertiary.dso-extra-small.download::after,
|
|
2149
|
+
label.dso-tertiary.dso-extra-small.dso-spinner::before {
|
|
2150
|
+
margin-block-end: -4px;
|
|
2151
|
+
margin-block-start: -4px;
|
|
2152
|
+
}
|
|
2153
|
+
a.dso-tertiary.dso-extra-small.dso-spinner-left::before,
|
|
2154
|
+
button.dso-tertiary.dso-extra-small.dso-spinner-left::before,
|
|
2155
|
+
label.dso-tertiary.dso-extra-small.dso-spinner-left::before {
|
|
2156
|
+
block-size: 16px;
|
|
2157
|
+
inline-size: 16px;
|
|
2158
|
+
}
|
|
2159
|
+
a.dso-tertiary.dso-extra-small.dso-spinner-right::after,
|
|
2160
|
+
button.dso-tertiary.dso-extra-small.dso-spinner-right::after,
|
|
2161
|
+
label.dso-tertiary.dso-extra-small.dso-spinner-right::after {
|
|
2162
|
+
block-size: 16px;
|
|
2163
|
+
inline-size: 16px;
|
|
2164
|
+
}
|
|
2165
|
+
a.dso-tertiary.dso-extra-small,
|
|
2166
|
+
button.dso-tertiary.dso-extra-small,
|
|
2167
|
+
label.dso-tertiary.dso-extra-small {
|
|
2168
|
+
padding-block: 9px;
|
|
2169
|
+
}
|
|
2170
|
+
a.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
|
|
2171
|
+
button.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
|
|
2172
|
+
label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {
|
|
2173
|
+
margin-inline-start: -8px;
|
|
2174
|
+
}
|
|
2175
|
+
a.dso-tertiary span:not(.sr-only) + dso-icon,
|
|
2176
|
+
button.dso-tertiary span:not(.sr-only) + dso-icon,
|
|
2177
|
+
label.dso-tertiary span:not(.sr-only) + dso-icon {
|
|
2178
|
+
margin-inline-start: 8px;
|
|
2179
|
+
margin-inline-end: -8px;
|
|
2180
|
+
}
|
|
2181
|
+
a.dso-tertiary dso-icon + span:not(.sr-only),
|
|
2182
|
+
button.dso-tertiary dso-icon + span:not(.sr-only),
|
|
2183
|
+
label.dso-tertiary dso-icon + span:not(.sr-only) {
|
|
2184
|
+
margin-inline-start: 8px;
|
|
2185
|
+
}
|
|
2186
|
+
a.dso-tertiary,
|
|
2187
|
+
button.dso-tertiary,
|
|
1802
2188
|
label.dso-tertiary {
|
|
1803
2189
|
border: 0;
|
|
1804
|
-
color: #39870c;
|
|
1805
2190
|
line-height: 1;
|
|
1806
2191
|
padding: 0;
|
|
1807
2192
|
background-color: transparent;
|
|
1808
2193
|
}
|
|
1809
|
-
a.dso-tertiary[disabled],
|
|
1810
|
-
button.dso-tertiary[disabled],
|
|
1811
|
-
label.dso-tertiary[disabled] {
|
|
1812
|
-
color: #afcf9d;
|
|
1813
|
-
}
|
|
1814
2194
|
a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,
|
|
1815
2195
|
button.dso-tertiary[disabled].dso-spinner-left,
|
|
1816
2196
|
button.dso-tertiary[disabled].dso-spinner-right,
|
|
@@ -1821,15 +2201,9 @@ label.dso-tertiary[disabled].dso-spinner-right {
|
|
|
1821
2201
|
a.dso-tertiary:not([disabled]):hover,
|
|
1822
2202
|
button.dso-tertiary:not([disabled]):hover,
|
|
1823
2203
|
label.dso-tertiary:not([disabled]):hover {
|
|
1824
|
-
color: #275937;
|
|
1825
2204
|
text-decoration: underline;
|
|
1826
2205
|
text-underline-position: under;
|
|
1827
2206
|
}
|
|
1828
|
-
a.dso-tertiary:not([disabled]):active,
|
|
1829
|
-
button.dso-tertiary:not([disabled]):active,
|
|
1830
|
-
label.dso-tertiary:not([disabled]):active {
|
|
1831
|
-
color: #173521;
|
|
1832
|
-
}
|
|
1833
2207
|
a.dso-tertiary.dso-align,
|
|
1834
2208
|
button.dso-tertiary.dso-align,
|
|
1835
2209
|
label.dso-tertiary.dso-align {
|
|
@@ -1962,6 +2336,7 @@ label.dso-map {
|
|
|
1962
2336
|
text-align: start;
|
|
1963
2337
|
user-select: none;
|
|
1964
2338
|
vertical-align: middle;
|
|
2339
|
+
background-clip: padding-box;
|
|
1965
2340
|
}
|
|
1966
2341
|
a.dso-map:focus, a.dso-map:focus-visible,
|
|
1967
2342
|
button.dso-map:focus,
|
|
@@ -2708,6 +3083,10 @@ del {
|
|
|
2708
3083
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
2709
3084
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
2710
3085
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
3086
|
+
--_dso-button-tertiary-color: #191919;
|
|
3087
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
3088
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
3089
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
2711
3090
|
background-color: #f5d8dc;
|
|
2712
3091
|
color: #191919;
|
|
2713
3092
|
--_dso-ozon-content-toggletip-color: colors.$zwart;
|
|
@@ -2861,6 +3240,10 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
|
|
|
2861
3240
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
2862
3241
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
2863
3242
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
3243
|
+
--_dso-button-tertiary-color: #191919;
|
|
3244
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
3245
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
3246
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
2864
3247
|
background-color: #f2f2f2;
|
|
2865
3248
|
color: #191919;
|
|
2866
3249
|
padding-block: 8px 16px;
|
|
@@ -2908,6 +3291,10 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
|
|
|
2908
3291
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
2909
3292
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
2910
3293
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
3294
|
+
--_dso-button-tertiary-color: #191919;
|
|
3295
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
3296
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
3297
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
2911
3298
|
background-color: #dcd400;
|
|
2912
3299
|
color: #191919;
|
|
2913
3300
|
}
|
|
@@ -2937,6 +3324,36 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
|
|
|
2937
3324
|
}
|
|
2938
3325
|
.dso-document-header.dso-variant-besluitversie .dso-document-header-status {
|
|
2939
3326
|
--_dso-icon-button-tertiary-color: #fff;
|
|
3327
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
3328
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
3329
|
+
--_dso-button-primary-background-color: #fff;
|
|
3330
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
3331
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
3332
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
3333
|
+
--_dso-button-primary-border-color: #fff;
|
|
3334
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
3335
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
3336
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
3337
|
+
--_dso-button-primary-color: #191919;
|
|
3338
|
+
--_dso-button-primary-hover-color: #191919;
|
|
3339
|
+
--_dso-button-primary-active-color: #191919;
|
|
3340
|
+
--_dso-button-primary-disabled-color: #666;
|
|
3341
|
+
--_dso-button-secondary-background-color: none;
|
|
3342
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
3343
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
3344
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
3345
|
+
--_dso-button-secondary-border-color: #fff;
|
|
3346
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
3347
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
3348
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
3349
|
+
--_dso-button-secondary-color: #fff;
|
|
3350
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
3351
|
+
--_dso-button-secondary-active-color: #fff;
|
|
3352
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
3353
|
+
--_dso-button-tertiary-color: #fff;
|
|
3354
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
3355
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
3356
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
2940
3357
|
background-color: #275937;
|
|
2941
3358
|
color: #fff;
|
|
2942
3359
|
}
|
|
@@ -3034,6 +3451,7 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
|
|
|
3034
3451
|
text-align: start;
|
|
3035
3452
|
user-select: none;
|
|
3036
3453
|
vertical-align: middle;
|
|
3454
|
+
background-clip: padding-box;
|
|
3037
3455
|
}
|
|
3038
3456
|
.dso-document-header .dso-document-header-map-action:focus, .dso-document-header .dso-document-header-map-action:focus-visible,
|
|
3039
3457
|
.dso-document-header .dso-document-header-toggle-features:focus,
|
|
@@ -3058,18 +3476,163 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
|
|
|
3058
3476
|
}
|
|
3059
3477
|
.dso-document-header .dso-document-header-map-action,
|
|
3060
3478
|
.dso-document-header .dso-document-header-toggle-features,
|
|
3479
|
+
.dso-document-header .dso-document-header-toggle-status {
|
|
3480
|
+
display: inline-block;
|
|
3481
|
+
font-size: 1em;
|
|
3482
|
+
font-weight: 500;
|
|
3483
|
+
margin-block-end: 0;
|
|
3484
|
+
text-decoration: none;
|
|
3485
|
+
touch-action: manipulation;
|
|
3486
|
+
text-align: start;
|
|
3487
|
+
user-select: none;
|
|
3488
|
+
vertical-align: middle;
|
|
3489
|
+
background-clip: padding-box;
|
|
3490
|
+
}
|
|
3491
|
+
.dso-document-header .dso-document-header-map-action:focus, .dso-document-header .dso-document-header-map-action:focus-visible,
|
|
3492
|
+
.dso-document-header .dso-document-header-toggle-features:focus,
|
|
3493
|
+
.dso-document-header .dso-document-header-toggle-features:focus-visible,
|
|
3494
|
+
.dso-document-header .dso-document-header-toggle-status:focus,
|
|
3495
|
+
.dso-document-header .dso-document-header-toggle-status:focus-visible {
|
|
3496
|
+
outline-offset: 2px;
|
|
3497
|
+
}
|
|
3498
|
+
.dso-document-header .dso-document-header-map-action:active,
|
|
3499
|
+
.dso-document-header .dso-document-header-toggle-features:active,
|
|
3500
|
+
.dso-document-header .dso-document-header-toggle-status:active {
|
|
3501
|
+
outline: 0;
|
|
3502
|
+
}
|
|
3503
|
+
.dso-document-header .dso-document-header-map-action.extern::after, .dso-document-header .dso-document-header-map-action.download::after,
|
|
3504
|
+
.dso-document-header .dso-document-header-toggle-features.extern::after,
|
|
3505
|
+
.dso-document-header .dso-document-header-toggle-features.download::after,
|
|
3506
|
+
.dso-document-header .dso-document-header-toggle-status.extern::after,
|
|
3507
|
+
.dso-document-header .dso-document-header-toggle-status.download::after {
|
|
3508
|
+
content: "";
|
|
3509
|
+
display: inline-block;
|
|
3510
|
+
margin-inline-start: 8px;
|
|
3511
|
+
}
|
|
3512
|
+
.dso-document-header .dso-document-header-map-action,
|
|
3513
|
+
.dso-document-header .dso-document-header-toggle-features,
|
|
3514
|
+
.dso-document-header .dso-document-header-toggle-status {
|
|
3515
|
+
background-color: var(--_dso-button-tertiary-background-color, );
|
|
3516
|
+
border-color: var(--_dso-button-tertiary-border-color, );
|
|
3517
|
+
color: var(--_dso-button-tertiary-color, #39870c);
|
|
3518
|
+
border-width: 1px;
|
|
3519
|
+
border-style: solid;
|
|
3520
|
+
border-radius: 4px;
|
|
3521
|
+
line-height: 1.5;
|
|
3522
|
+
min-inline-size: 56px;
|
|
3523
|
+
padding-block: 11px;
|
|
3524
|
+
padding-inline: 15px;
|
|
3525
|
+
}
|
|
3526
|
+
.dso-document-header .dso-document-header-map-action:hover,
|
|
3527
|
+
.dso-document-header .dso-document-header-toggle-features:hover,
|
|
3528
|
+
.dso-document-header .dso-document-header-toggle-status:hover {
|
|
3529
|
+
background-color: var(--_dso-button-tertiary-hover-background-color, );
|
|
3530
|
+
border-color: var(--_dso-button-tertiary-hover-border-color, );
|
|
3531
|
+
color: var(--_dso-button-tertiary-hover-color, #275937);
|
|
3532
|
+
}
|
|
3533
|
+
.dso-document-header .dso-document-header-map-action:active,
|
|
3534
|
+
.dso-document-header .dso-document-header-toggle-features:active,
|
|
3535
|
+
.dso-document-header .dso-document-header-toggle-status:active {
|
|
3536
|
+
background-color: var(--_dso-button-tertiary-active-background-color, );
|
|
3537
|
+
border-color: var(--_dso-button-tertiary-active-border-color, );
|
|
3538
|
+
color: var(--_dso-button-tertiary-active-color, #173521);
|
|
3539
|
+
}
|
|
3540
|
+
.dso-document-header .dso-document-header-map-action[disabled], .dso-document-header .dso-document-header-map-action[disabled]:hover,
|
|
3541
|
+
.dso-document-header .dso-document-header-toggle-features[disabled],
|
|
3542
|
+
.dso-document-header .dso-document-header-toggle-features[disabled]:hover,
|
|
3543
|
+
.dso-document-header .dso-document-header-toggle-status[disabled],
|
|
3544
|
+
.dso-document-header .dso-document-header-toggle-status[disabled]:hover {
|
|
3545
|
+
background-color: var(--_dso-button-tertiary-disabled-background-color, );
|
|
3546
|
+
border-color: var(--_dso-button-tertiary-disabled-border-color, );
|
|
3547
|
+
color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
|
|
3548
|
+
}
|
|
3549
|
+
.dso-document-header .dso-document-header-map-action.dso-small,
|
|
3550
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small,
|
|
3551
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small {
|
|
3552
|
+
line-height: 1rem;
|
|
3553
|
+
}
|
|
3554
|
+
.dso-document-header .dso-document-header-map-action.dso-small dso-icon, .dso-document-header .dso-document-header-map-action.dso-small.extern::after, .dso-document-header .dso-document-header-map-action.dso-small.download::after, .dso-document-header .dso-document-header-map-action.dso-small.dso-spinner::before,
|
|
3555
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small dso-icon,
|
|
3556
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small.extern::after,
|
|
3557
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small.download::after,
|
|
3558
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small.dso-spinner::before,
|
|
3559
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small dso-icon,
|
|
3560
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small.extern::after,
|
|
3561
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small.download::after,
|
|
3562
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small.dso-spinner::before {
|
|
3563
|
+
margin-block-end: -4px;
|
|
3564
|
+
margin-block-start: -4px;
|
|
3565
|
+
}
|
|
3566
|
+
.dso-document-header .dso-document-header-map-action.dso-small.dso-spinner-left::before,
|
|
3567
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small.dso-spinner-left::before,
|
|
3568
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small.dso-spinner-left::before {
|
|
3569
|
+
block-size: 16px;
|
|
3570
|
+
inline-size: 16px;
|
|
3571
|
+
}
|
|
3572
|
+
.dso-document-header .dso-document-header-map-action.dso-small.dso-spinner-right::after,
|
|
3573
|
+
.dso-document-header .dso-document-header-toggle-features.dso-small.dso-spinner-right::after,
|
|
3574
|
+
.dso-document-header .dso-document-header-toggle-status.dso-small.dso-spinner-right::after {
|
|
3575
|
+
block-size: 16px;
|
|
3576
|
+
inline-size: 16px;
|
|
3577
|
+
}
|
|
3578
|
+
.dso-document-header .dso-document-header-map-action.dso-extra-small,
|
|
3579
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small,
|
|
3580
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small {
|
|
3581
|
+
line-height: 1rem;
|
|
3582
|
+
}
|
|
3583
|
+
.dso-document-header .dso-document-header-map-action.dso-extra-small dso-icon, .dso-document-header .dso-document-header-map-action.dso-extra-small.extern::after, .dso-document-header .dso-document-header-map-action.dso-extra-small.download::after, .dso-document-header .dso-document-header-map-action.dso-extra-small.dso-spinner::before,
|
|
3584
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small dso-icon,
|
|
3585
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small.extern::after,
|
|
3586
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small.download::after,
|
|
3587
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small.dso-spinner::before,
|
|
3588
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small dso-icon,
|
|
3589
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small.extern::after,
|
|
3590
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small.download::after,
|
|
3591
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small.dso-spinner::before {
|
|
3592
|
+
margin-block-end: -4px;
|
|
3593
|
+
margin-block-start: -4px;
|
|
3594
|
+
}
|
|
3595
|
+
.dso-document-header .dso-document-header-map-action.dso-extra-small.dso-spinner-left::before,
|
|
3596
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small.dso-spinner-left::before,
|
|
3597
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small.dso-spinner-left::before {
|
|
3598
|
+
block-size: 16px;
|
|
3599
|
+
inline-size: 16px;
|
|
3600
|
+
}
|
|
3601
|
+
.dso-document-header .dso-document-header-map-action.dso-extra-small.dso-spinner-right::after,
|
|
3602
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small.dso-spinner-right::after,
|
|
3603
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small.dso-spinner-right::after {
|
|
3604
|
+
block-size: 16px;
|
|
3605
|
+
inline-size: 16px;
|
|
3606
|
+
}
|
|
3607
|
+
.dso-document-header .dso-document-header-map-action.dso-extra-small,
|
|
3608
|
+
.dso-document-header .dso-document-header-toggle-features.dso-extra-small,
|
|
3609
|
+
.dso-document-header .dso-document-header-toggle-status.dso-extra-small {
|
|
3610
|
+
padding-block: 9px;
|
|
3611
|
+
}
|
|
3612
|
+
.dso-document-header .dso-document-header-map-action dso-icon:has(+ span:not(.sr-only)),
|
|
3613
|
+
.dso-document-header .dso-document-header-toggle-features dso-icon:has(+ span:not(.sr-only)),
|
|
3614
|
+
.dso-document-header .dso-document-header-toggle-status dso-icon:has(+ span:not(.sr-only)) {
|
|
3615
|
+
margin-inline-start: -8px;
|
|
3616
|
+
}
|
|
3617
|
+
.dso-document-header .dso-document-header-map-action span:not(.sr-only) + dso-icon,
|
|
3618
|
+
.dso-document-header .dso-document-header-toggle-features span:not(.sr-only) + dso-icon,
|
|
3619
|
+
.dso-document-header .dso-document-header-toggle-status span:not(.sr-only) + dso-icon {
|
|
3620
|
+
margin-inline-start: 8px;
|
|
3621
|
+
margin-inline-end: -8px;
|
|
3622
|
+
}
|
|
3623
|
+
.dso-document-header .dso-document-header-map-action dso-icon + span:not(.sr-only),
|
|
3624
|
+
.dso-document-header .dso-document-header-toggle-features dso-icon + span:not(.sr-only),
|
|
3625
|
+
.dso-document-header .dso-document-header-toggle-status dso-icon + span:not(.sr-only) {
|
|
3626
|
+
margin-inline-start: 8px;
|
|
3627
|
+
}
|
|
3628
|
+
.dso-document-header .dso-document-header-map-action,
|
|
3629
|
+
.dso-document-header .dso-document-header-toggle-features,
|
|
3061
3630
|
.dso-document-header .dso-document-header-toggle-status {
|
|
3062
3631
|
border: 0;
|
|
3063
|
-
color: #39870c;
|
|
3064
3632
|
line-height: 1;
|
|
3065
3633
|
padding: 0;
|
|
3066
3634
|
background-color: transparent;
|
|
3067
3635
|
}
|
|
3068
|
-
.dso-document-header .dso-document-header-map-action[disabled],
|
|
3069
|
-
.dso-document-header .dso-document-header-toggle-features[disabled],
|
|
3070
|
-
.dso-document-header .dso-document-header-toggle-status[disabled] {
|
|
3071
|
-
color: #afcf9d;
|
|
3072
|
-
}
|
|
3073
3636
|
.dso-document-header .dso-document-header-map-action[disabled].dso-spinner-left, .dso-document-header .dso-document-header-map-action[disabled].dso-spinner-right,
|
|
3074
3637
|
.dso-document-header .dso-document-header-toggle-features[disabled].dso-spinner-left,
|
|
3075
3638
|
.dso-document-header .dso-document-header-toggle-features[disabled].dso-spinner-right,
|
|
@@ -3080,15 +3643,9 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
|
|
|
3080
3643
|
.dso-document-header .dso-document-header-map-action:not([disabled]):hover,
|
|
3081
3644
|
.dso-document-header .dso-document-header-toggle-features:not([disabled]):hover,
|
|
3082
3645
|
.dso-document-header .dso-document-header-toggle-status:not([disabled]):hover {
|
|
3083
|
-
color: #275937;
|
|
3084
3646
|
text-decoration: underline;
|
|
3085
3647
|
text-underline-position: under;
|
|
3086
3648
|
}
|
|
3087
|
-
.dso-document-header .dso-document-header-map-action:not([disabled]):active,
|
|
3088
|
-
.dso-document-header .dso-document-header-toggle-features:not([disabled]):active,
|
|
3089
|
-
.dso-document-header .dso-document-header-toggle-status:not([disabled]):active {
|
|
3090
|
-
color: #173521;
|
|
3091
|
-
}
|
|
3092
3649
|
.dso-document-header .dso-document-header-map-action.dso-align,
|
|
3093
3650
|
.dso-document-header .dso-document-header-toggle-features.dso-align,
|
|
3094
3651
|
.dso-document-header .dso-document-header-toggle-status.dso-align {
|
|
@@ -3588,6 +4145,10 @@ footer {
|
|
|
3588
4145
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
3589
4146
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
3590
4147
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
4148
|
+
--_dso-button-tertiary-color: #191919;
|
|
4149
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
4150
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
4151
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
3591
4152
|
background-color: #f2f2f2;
|
|
3592
4153
|
color: #191919;
|
|
3593
4154
|
border-block-start: 1px solid #ccc;
|
|
@@ -5366,6 +5927,10 @@ h6,
|
|
|
5366
5927
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5367
5928
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5368
5929
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
5930
|
+
--_dso-button-tertiary-color: #191919;
|
|
5931
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
5932
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
5933
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5369
5934
|
background-color: #f2f2f2;
|
|
5370
5935
|
color: #191919;
|
|
5371
5936
|
}
|
|
@@ -5395,6 +5960,10 @@ h6,
|
|
|
5395
5960
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5396
5961
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5397
5962
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
5963
|
+
--_dso-button-tertiary-color: #191919;
|
|
5964
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
5965
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
5966
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5398
5967
|
background-color: #f2f2f2;
|
|
5399
5968
|
color: #191919;
|
|
5400
5969
|
}
|
|
@@ -5432,6 +6001,10 @@ h6,
|
|
|
5432
6001
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5433
6002
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5434
6003
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6004
|
+
--_dso-button-tertiary-color: #191919;
|
|
6005
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6006
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6007
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5435
6008
|
background-color: #f8f6cc;
|
|
5436
6009
|
color: #191919;
|
|
5437
6010
|
}
|
|
@@ -5461,6 +6034,10 @@ h6,
|
|
|
5461
6034
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5462
6035
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5463
6036
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6037
|
+
--_dso-button-tertiary-color: #191919;
|
|
6038
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6039
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6040
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5464
6041
|
background-color: #ebf3e6;
|
|
5465
6042
|
color: #191919;
|
|
5466
6043
|
}
|
|
@@ -5607,6 +6184,10 @@ dso-highlight-box:not([white], [yellow], [border], [green]) {
|
|
|
5607
6184
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5608
6185
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5609
6186
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6187
|
+
--_dso-button-tertiary-color: #191919;
|
|
6188
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6189
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6190
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5610
6191
|
background-color: #f2f2f2;
|
|
5611
6192
|
color: #191919;
|
|
5612
6193
|
}
|
|
@@ -5636,6 +6217,10 @@ dso-highlight-box[grey] {
|
|
|
5636
6217
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5637
6218
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5638
6219
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6220
|
+
--_dso-button-tertiary-color: #191919;
|
|
6221
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6222
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6223
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5639
6224
|
background-color: #f2f2f2;
|
|
5640
6225
|
color: #191919;
|
|
5641
6226
|
}
|
|
@@ -5673,6 +6258,10 @@ dso-highlight-box[yellow] {
|
|
|
5673
6258
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5674
6259
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5675
6260
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6261
|
+
--_dso-button-tertiary-color: #191919;
|
|
6262
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6263
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6264
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5676
6265
|
background-color: #f8f6cc;
|
|
5677
6266
|
color: #191919;
|
|
5678
6267
|
}
|
|
@@ -5702,6 +6291,10 @@ dso-highlight-box[green] {
|
|
|
5702
6291
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5703
6292
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5704
6293
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6294
|
+
--_dso-button-tertiary-color: #191919;
|
|
6295
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6296
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6297
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5705
6298
|
background-color: #ebf3e6;
|
|
5706
6299
|
color: #191919;
|
|
5707
6300
|
}
|
|
@@ -5872,6 +6465,10 @@ img {
|
|
|
5872
6465
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5873
6466
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5874
6467
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6468
|
+
--_dso-button-tertiary-color: #191919;
|
|
6469
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6470
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6471
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5875
6472
|
background-color: #f2f2f2;
|
|
5876
6473
|
color: #191919;
|
|
5877
6474
|
}
|
|
@@ -5925,6 +6522,10 @@ img {
|
|
|
5925
6522
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5926
6523
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5927
6524
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6525
|
+
--_dso-button-tertiary-color: #191919;
|
|
6526
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6527
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6528
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5928
6529
|
background-color: #f2f2f2;
|
|
5929
6530
|
color: #191919;
|
|
5930
6531
|
}
|
|
@@ -5996,6 +6597,10 @@ dso-info {
|
|
|
5996
6597
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
5997
6598
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
5998
6599
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6600
|
+
--_dso-button-tertiary-color: #191919;
|
|
6601
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6602
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6603
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
5999
6604
|
background-color: #f2f2f2;
|
|
6000
6605
|
color: #191919;
|
|
6001
6606
|
}
|
|
@@ -6010,6 +6615,7 @@ dso-info {
|
|
|
6010
6615
|
text-align: start;
|
|
6011
6616
|
user-select: none;
|
|
6012
6617
|
vertical-align: middle;
|
|
6618
|
+
background-clip: padding-box;
|
|
6013
6619
|
}
|
|
6014
6620
|
.dso-info-button:focus, .dso-info-button:focus-visible {
|
|
6015
6621
|
outline-offset: 2px;
|
|
@@ -6115,6 +6721,10 @@ ins {
|
|
|
6115
6721
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6116
6722
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6117
6723
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6724
|
+
--_dso-button-tertiary-color: #191919;
|
|
6725
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6726
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6727
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6118
6728
|
background-color: #e4f1d4;
|
|
6119
6729
|
color: #191919;
|
|
6120
6730
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
|
|
@@ -6229,6 +6839,10 @@ ins {
|
|
|
6229
6839
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6230
6840
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6231
6841
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6842
|
+
--_dso-button-tertiary-color: #191919;
|
|
6843
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6844
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6845
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6232
6846
|
background-color: #f2f2f2;
|
|
6233
6847
|
color: #191919;
|
|
6234
6848
|
}
|
|
@@ -6258,6 +6872,10 @@ ins {
|
|
|
6258
6872
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6259
6873
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6260
6874
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
6875
|
+
--_dso-button-tertiary-color: #191919;
|
|
6876
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
6877
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
6878
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6261
6879
|
background-color: #6ca4d9;
|
|
6262
6880
|
color: #191919;
|
|
6263
6881
|
}
|
|
@@ -6284,6 +6902,36 @@ ins {
|
|
|
6284
6902
|
}
|
|
6285
6903
|
.dso-label.dso-label-primary {
|
|
6286
6904
|
--_dso-icon-button-tertiary-color: #fff;
|
|
6905
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
6906
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
6907
|
+
--_dso-button-primary-background-color: #fff;
|
|
6908
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
6909
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
6910
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
6911
|
+
--_dso-button-primary-border-color: #fff;
|
|
6912
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
6913
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
6914
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
6915
|
+
--_dso-button-primary-color: #191919;
|
|
6916
|
+
--_dso-button-primary-hover-color: #191919;
|
|
6917
|
+
--_dso-button-primary-active-color: #191919;
|
|
6918
|
+
--_dso-button-primary-disabled-color: #666;
|
|
6919
|
+
--_dso-button-secondary-background-color: none;
|
|
6920
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
6921
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
6922
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
6923
|
+
--_dso-button-secondary-border-color: #fff;
|
|
6924
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
6925
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
6926
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
6927
|
+
--_dso-button-secondary-color: #fff;
|
|
6928
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
6929
|
+
--_dso-button-secondary-active-color: #fff;
|
|
6930
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
6931
|
+
--_dso-button-tertiary-color: #fff;
|
|
6932
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
6933
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
6934
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
6287
6935
|
background-color: #275937;
|
|
6288
6936
|
color: #fff;
|
|
6289
6937
|
}
|
|
@@ -6310,6 +6958,36 @@ ins {
|
|
|
6310
6958
|
}
|
|
6311
6959
|
.dso-label.dso-label-success {
|
|
6312
6960
|
--_dso-icon-button-tertiary-color: #fff;
|
|
6961
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
6962
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
6963
|
+
--_dso-button-primary-background-color: #fff;
|
|
6964
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
6965
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
6966
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
6967
|
+
--_dso-button-primary-border-color: #fff;
|
|
6968
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
6969
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
6970
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
6971
|
+
--_dso-button-primary-color: #191919;
|
|
6972
|
+
--_dso-button-primary-hover-color: #191919;
|
|
6973
|
+
--_dso-button-primary-active-color: #191919;
|
|
6974
|
+
--_dso-button-primary-disabled-color: #666;
|
|
6975
|
+
--_dso-button-secondary-background-color: none;
|
|
6976
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
6977
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
6978
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
6979
|
+
--_dso-button-secondary-border-color: #fff;
|
|
6980
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
6981
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
6982
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
6983
|
+
--_dso-button-secondary-color: #fff;
|
|
6984
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
6985
|
+
--_dso-button-secondary-active-color: #fff;
|
|
6986
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
6987
|
+
--_dso-button-tertiary-color: #fff;
|
|
6988
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
6989
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
6990
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
6313
6991
|
background-color: #39870c;
|
|
6314
6992
|
color: #fff;
|
|
6315
6993
|
}
|
|
@@ -6339,6 +7017,10 @@ ins {
|
|
|
6339
7017
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6340
7018
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6341
7019
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
7020
|
+
--_dso-button-tertiary-color: #191919;
|
|
7021
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
7022
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
7023
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6342
7024
|
background-color: #dcd400;
|
|
6343
7025
|
color: #191919;
|
|
6344
7026
|
}
|
|
@@ -6365,6 +7047,36 @@ ins {
|
|
|
6365
7047
|
}
|
|
6366
7048
|
.dso-label.dso-label-error {
|
|
6367
7049
|
--_dso-icon-button-tertiary-color: #fff;
|
|
7050
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
7051
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
7052
|
+
--_dso-button-primary-background-color: #fff;
|
|
7053
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
7054
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
7055
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
7056
|
+
--_dso-button-primary-border-color: #fff;
|
|
7057
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
7058
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
7059
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
7060
|
+
--_dso-button-primary-color: #191919;
|
|
7061
|
+
--_dso-button-primary-hover-color: #191919;
|
|
7062
|
+
--_dso-button-primary-active-color: #191919;
|
|
7063
|
+
--_dso-button-primary-disabled-color: #666;
|
|
7064
|
+
--_dso-button-secondary-background-color: none;
|
|
7065
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
7066
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
7067
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
7068
|
+
--_dso-button-secondary-border-color: #fff;
|
|
7069
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
7070
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
7071
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
7072
|
+
--_dso-button-secondary-color: #fff;
|
|
7073
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
7074
|
+
--_dso-button-secondary-active-color: #fff;
|
|
7075
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
7076
|
+
--_dso-button-tertiary-color: #fff;
|
|
7077
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
7078
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
7079
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
6368
7080
|
background-color: #ce3f51;
|
|
6369
7081
|
color: #fff;
|
|
6370
7082
|
}
|
|
@@ -6401,6 +7113,36 @@ ins {
|
|
|
6401
7113
|
}
|
|
6402
7114
|
.dso-label.dso-label-attention {
|
|
6403
7115
|
--_dso-icon-button-tertiary-color: #fff;
|
|
7116
|
+
--_dso-icon-button-tertiary-hover-color: #e5e5e5;
|
|
7117
|
+
--_dso-icon-button-tertiary-disabled-color: #b2b2b2;
|
|
7118
|
+
--_dso-button-primary-background-color: #fff;
|
|
7119
|
+
--_dso-button-primary-hover-background-color: rgba(255, 255, 255, 0.8);
|
|
7120
|
+
--_dso-button-primary-active-background-color: #f2f2f2;
|
|
7121
|
+
--_dso-button-primary-disabled-background-color: rgba(255, 255, 255, 0.6);
|
|
7122
|
+
--_dso-button-primary-border-color: #fff;
|
|
7123
|
+
--_dso-button-primary-hover-border-color: rgba(255, 255, 255, 0.8);
|
|
7124
|
+
--_dso-button-primary-active-border-color: #f2f2f2;
|
|
7125
|
+
--_dso-button-primary-disabled-border-color: rgba(255, 255, 255, 0.6);
|
|
7126
|
+
--_dso-button-primary-color: #191919;
|
|
7127
|
+
--_dso-button-primary-hover-color: #191919;
|
|
7128
|
+
--_dso-button-primary-active-color: #191919;
|
|
7129
|
+
--_dso-button-primary-disabled-color: #666;
|
|
7130
|
+
--_dso-button-secondary-background-color: none;
|
|
7131
|
+
--_dso-button-secondary-hover-background-color: rgba(255, 255, 255, 0.2);
|
|
7132
|
+
--_dso-button-secondary-active-background-color: rgba(255, 255, 255, 0.4);
|
|
7133
|
+
--_dso-button-secondary-disabled-background-color: none;
|
|
7134
|
+
--_dso-button-secondary-border-color: #fff;
|
|
7135
|
+
--_dso-button-secondary-hover-border-color: #fff;
|
|
7136
|
+
--_dso-button-secondary-active-border-color: rgba(255, 255, 255, 0.4);
|
|
7137
|
+
--_dso-button-secondary-disabled-border-color: rgba(255, 255, 255, 0.7);
|
|
7138
|
+
--_dso-button-secondary-color: #fff;
|
|
7139
|
+
--_dso-button-secondary-hover-color: #fff;
|
|
7140
|
+
--_dso-button-secondary-active-color: #fff;
|
|
7141
|
+
--_dso-button-secondary-disabled-color: rgba(255, 255, 255, 0.7);
|
|
7142
|
+
--_dso-button-tertiary-color: #fff;
|
|
7143
|
+
--_dso-button-tertiary-hover-color: #fff;
|
|
7144
|
+
--_dso-button-tertiary-active-color: #fff;
|
|
7145
|
+
--_dso-button-tertiary-disabled-color: #b2b2b2;
|
|
6404
7146
|
background-color: #8b4a6a;
|
|
6405
7147
|
color: #fff;
|
|
6406
7148
|
}
|
|
@@ -6430,6 +7172,10 @@ ins {
|
|
|
6430
7172
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6431
7173
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6432
7174
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
7175
|
+
--_dso-button-tertiary-color: #191919;
|
|
7176
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
7177
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
7178
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6433
7179
|
background-color: #e1ecf7;
|
|
6434
7180
|
color: #191919;
|
|
6435
7181
|
border-inline-start: 5px solid #6ca4d9;
|
|
@@ -6460,6 +7206,10 @@ ins {
|
|
|
6460
7206
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6461
7207
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6462
7208
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
7209
|
+
--_dso-button-tertiary-color: #191919;
|
|
7210
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
7211
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
7212
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6463
7213
|
background-color: #e4f1d4;
|
|
6464
7214
|
color: #191919;
|
|
6465
7215
|
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);
|
|
@@ -6491,6 +7241,10 @@ ins {
|
|
|
6491
7241
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
6492
7242
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
6493
7243
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
7244
|
+
--_dso-button-tertiary-color: #191919;
|
|
7245
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
7246
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
7247
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
6494
7248
|
background-color: #f5d8dc;
|
|
6495
7249
|
color: #191919;
|
|
6496
7250
|
--_dso-ozon-content-toggletip-color: colors.$zwart;
|
|
@@ -7667,6 +8421,10 @@ optgroup {
|
|
|
7667
8421
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
7668
8422
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
7669
8423
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
8424
|
+
--_dso-button-tertiary-color: #191919;
|
|
8425
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
8426
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
8427
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
7670
8428
|
background-color: #f2f2f2;
|
|
7671
8429
|
color: #191919;
|
|
7672
8430
|
border: 0;
|
|
@@ -7725,6 +8483,10 @@ optgroup {
|
|
|
7725
8483
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
7726
8484
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
7727
8485
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
8486
|
+
--_dso-button-tertiary-color: #191919;
|
|
8487
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
8488
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
8489
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
7728
8490
|
background-color: #f2f2f2;
|
|
7729
8491
|
color: #191919;
|
|
7730
8492
|
border: 0;
|
|
@@ -7776,6 +8538,10 @@ optgroup {
|
|
|
7776
8538
|
--_dso-icon-button-tertiary-hover-color: #4c4c4c;
|
|
7777
8539
|
--_dso-icon-button-tertiary-active-color: #173521;
|
|
7778
8540
|
--_dso-icon-button-tertiary-disabled-color: #999;
|
|
8541
|
+
--_dso-button-tertiary-color: #191919;
|
|
8542
|
+
--_dso-button-tertiary-hover-color: #4c4c4c;
|
|
8543
|
+
--_dso-button-tertiary-active-color: #173521;
|
|
8544
|
+
--_dso-button-tertiary-disabled-color: #999;
|
|
7779
8545
|
background-color: #f2f2f2;
|
|
7780
8546
|
color: #191919;
|
|
7781
8547
|
border-radius: 4px;
|
|
@@ -8561,6 +9327,7 @@ dso-viewer-grid .dso-toggle-main-button {
|
|
|
8561
9327
|
text-align: start;
|
|
8562
9328
|
user-select: none;
|
|
8563
9329
|
vertical-align: middle;
|
|
9330
|
+
background-clip: padding-box;
|
|
8564
9331
|
}
|
|
8565
9332
|
dso-viewer-grid .dso-toggle-main-button:focus, dso-viewer-grid .dso-toggle-main-button:focus-visible {
|
|
8566
9333
|
outline-offset: 2px;
|
|
@@ -8568,27 +9335,107 @@ dso-viewer-grid .dso-toggle-main-button:focus, dso-viewer-grid .dso-toggle-main-
|
|
|
8568
9335
|
dso-viewer-grid .dso-toggle-main-button:active {
|
|
8569
9336
|
outline: 0;
|
|
8570
9337
|
}
|
|
9338
|
+
dso-viewer-grid .dso-toggle-main-button {
|
|
9339
|
+
display: inline-block;
|
|
9340
|
+
font-size: 1em;
|
|
9341
|
+
font-weight: 500;
|
|
9342
|
+
margin-block-end: 0;
|
|
9343
|
+
text-decoration: none;
|
|
9344
|
+
touch-action: manipulation;
|
|
9345
|
+
text-align: start;
|
|
9346
|
+
user-select: none;
|
|
9347
|
+
vertical-align: middle;
|
|
9348
|
+
background-clip: padding-box;
|
|
9349
|
+
}
|
|
9350
|
+
dso-viewer-grid .dso-toggle-main-button:focus, dso-viewer-grid .dso-toggle-main-button:focus-visible {
|
|
9351
|
+
outline-offset: 2px;
|
|
9352
|
+
}
|
|
9353
|
+
dso-viewer-grid .dso-toggle-main-button:active {
|
|
9354
|
+
outline: 0;
|
|
9355
|
+
}
|
|
9356
|
+
dso-viewer-grid .dso-toggle-main-button {
|
|
9357
|
+
background-color: var(--_dso-button-tertiary-background-color, );
|
|
9358
|
+
border-color: var(--_dso-button-tertiary-border-color, );
|
|
9359
|
+
color: var(--_dso-button-tertiary-color, #39870c);
|
|
9360
|
+
border-width: 1px;
|
|
9361
|
+
border-style: solid;
|
|
9362
|
+
border-radius: 4px;
|
|
9363
|
+
line-height: 1.5;
|
|
9364
|
+
min-inline-size: 56px;
|
|
9365
|
+
padding-block: 11px;
|
|
9366
|
+
padding-inline: 15px;
|
|
9367
|
+
}
|
|
9368
|
+
dso-viewer-grid .dso-toggle-main-button:hover {
|
|
9369
|
+
background-color: var(--_dso-button-tertiary-hover-background-color, );
|
|
9370
|
+
border-color: var(--_dso-button-tertiary-hover-border-color, );
|
|
9371
|
+
color: var(--_dso-button-tertiary-hover-color, #275937);
|
|
9372
|
+
}
|
|
9373
|
+
dso-viewer-grid .dso-toggle-main-button:active {
|
|
9374
|
+
background-color: var(--_dso-button-tertiary-active-background-color, );
|
|
9375
|
+
border-color: var(--_dso-button-tertiary-active-border-color, );
|
|
9376
|
+
color: var(--_dso-button-tertiary-active-color, #173521);
|
|
9377
|
+
}
|
|
9378
|
+
dso-viewer-grid .dso-toggle-main-button[disabled], dso-viewer-grid .dso-toggle-main-button[disabled]:hover {
|
|
9379
|
+
background-color: var(--_dso-button-tertiary-disabled-background-color, );
|
|
9380
|
+
border-color: var(--_dso-button-tertiary-disabled-border-color, );
|
|
9381
|
+
color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
|
|
9382
|
+
}
|
|
9383
|
+
dso-viewer-grid .dso-toggle-main-button.dso-small {
|
|
9384
|
+
line-height: 1rem;
|
|
9385
|
+
}
|
|
9386
|
+
dso-viewer-grid .dso-toggle-main-button.dso-small dso-icon, dso-viewer-grid .dso-toggle-main-button.dso-small.extern::after, dso-viewer-grid .dso-toggle-main-button.dso-small.download::after, dso-viewer-grid .dso-toggle-main-button.dso-small.dso-spinner::before {
|
|
9387
|
+
margin-block-end: -4px;
|
|
9388
|
+
margin-block-start: -4px;
|
|
9389
|
+
}
|
|
9390
|
+
dso-viewer-grid .dso-toggle-main-button.dso-small.dso-spinner-left::before {
|
|
9391
|
+
block-size: 16px;
|
|
9392
|
+
inline-size: 16px;
|
|
9393
|
+
}
|
|
9394
|
+
dso-viewer-grid .dso-toggle-main-button.dso-small.dso-spinner-right::after {
|
|
9395
|
+
block-size: 16px;
|
|
9396
|
+
inline-size: 16px;
|
|
9397
|
+
}
|
|
9398
|
+
dso-viewer-grid .dso-toggle-main-button.dso-extra-small {
|
|
9399
|
+
line-height: 1rem;
|
|
9400
|
+
}
|
|
9401
|
+
dso-viewer-grid .dso-toggle-main-button.dso-extra-small dso-icon, dso-viewer-grid .dso-toggle-main-button.dso-extra-small.extern::after, dso-viewer-grid .dso-toggle-main-button.dso-extra-small.download::after, dso-viewer-grid .dso-toggle-main-button.dso-extra-small.dso-spinner::before {
|
|
9402
|
+
margin-block-end: -4px;
|
|
9403
|
+
margin-block-start: -4px;
|
|
9404
|
+
}
|
|
9405
|
+
dso-viewer-grid .dso-toggle-main-button.dso-extra-small.dso-spinner-left::before {
|
|
9406
|
+
block-size: 16px;
|
|
9407
|
+
inline-size: 16px;
|
|
9408
|
+
}
|
|
9409
|
+
dso-viewer-grid .dso-toggle-main-button.dso-extra-small.dso-spinner-right::after {
|
|
9410
|
+
block-size: 16px;
|
|
9411
|
+
inline-size: 16px;
|
|
9412
|
+
}
|
|
9413
|
+
dso-viewer-grid .dso-toggle-main-button.dso-extra-small {
|
|
9414
|
+
padding-block: 9px;
|
|
9415
|
+
}
|
|
9416
|
+
dso-viewer-grid .dso-toggle-main-button dso-icon:has(+ span:not(.sr-only)) {
|
|
9417
|
+
margin-inline-start: -8px;
|
|
9418
|
+
}
|
|
9419
|
+
dso-viewer-grid .dso-toggle-main-button span:not(.sr-only) + dso-icon {
|
|
9420
|
+
margin-inline-start: 8px;
|
|
9421
|
+
margin-inline-end: -8px;
|
|
9422
|
+
}
|
|
9423
|
+
dso-viewer-grid .dso-toggle-main-button dso-icon + span:not(.sr-only) {
|
|
9424
|
+
margin-inline-start: 8px;
|
|
9425
|
+
}
|
|
8571
9426
|
dso-viewer-grid .dso-toggle-main-button {
|
|
8572
9427
|
border: 0;
|
|
8573
|
-
color: #39870c;
|
|
8574
9428
|
line-height: 1;
|
|
8575
9429
|
padding: 0;
|
|
8576
9430
|
background-color: transparent;
|
|
8577
9431
|
}
|
|
8578
|
-
dso-viewer-grid .dso-toggle-main-button[disabled] {
|
|
8579
|
-
color: #afcf9d;
|
|
8580
|
-
}
|
|
8581
9432
|
dso-viewer-grid .dso-toggle-main-button[disabled].dso-spinner-left, dso-viewer-grid .dso-toggle-main-button[disabled].dso-spinner-right {
|
|
8582
9433
|
color: #39870c;
|
|
8583
9434
|
}
|
|
8584
9435
|
dso-viewer-grid .dso-toggle-main-button:not([disabled]):hover {
|
|
8585
|
-
color: #275937;
|
|
8586
9436
|
text-decoration: underline;
|
|
8587
9437
|
text-underline-position: under;
|
|
8588
9438
|
}
|
|
8589
|
-
dso-viewer-grid .dso-toggle-main-button:not([disabled]):active {
|
|
8590
|
-
color: #173521;
|
|
8591
|
-
}
|
|
8592
9439
|
dso-viewer-grid .dso-toggle-main-button.dso-align {
|
|
8593
9440
|
line-height: calc(1.5em - 1px);
|
|
8594
9441
|
padding-block: 11px;
|