@itwin/itwinui-css 0.42.1 → 0.44.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/alert.css +46 -61
- package/css/all.css +716 -680
- package/css/breadcrumbs.css +7 -20
- package/css/button.css +132 -160
- package/css/code.css +6 -9
- package/css/color-picker.css +14 -14
- package/css/date-picker.css +91 -85
- package/css/expandable-block.css +13 -9
- package/css/file-upload.css +4 -3
- package/css/footer.css +7 -20
- package/css/global.css +7 -9
- package/css/header.css +4 -24
- package/css/inputs.css +121 -89
- package/css/side-navigation.css +1 -16
- package/css/slider.css +7 -10
- package/css/table.css +170 -33
- package/css/tabs.css +8 -3
- package/css/tag.css +17 -18
- package/css/tile.css +0 -14
- package/css/time-picker.css +26 -18
- package/css/toast-notification.css +12 -49
- package/css/toggle-switch.css +7 -4
- package/css/tree.css +12 -8
- package/css/wizard.css +4 -4
- package/package.json +10 -9
- package/scss/alert/alert.scss +4 -2
- package/scss/button/borderless.scss +10 -26
- package/scss/button/button-group.scss +11 -2
- package/scss/button/cta.scss +10 -25
- package/scss/button/default.scss +22 -32
- package/scss/button/high-visibility.scss +10 -25
- package/scss/color-picker/color-picker.scss +2 -25
- package/scss/date-picker/classes.scss +20 -0
- package/scss/date-picker/date-picker.scss +88 -100
- package/scss/expandable-block/block.scss +1 -0
- package/scss/file-upload/file-upload.scss +2 -2
- package/scss/footer/footer.scss +0 -2
- package/scss/header/header.scss +1 -15
- package/scss/inputs/checkbox-radio.scss +28 -18
- package/scss/inputs/checkbox.scss +9 -8
- package/scss/inputs/input.scss +1 -14
- package/scss/inputs/labeled-inputs.scss +2 -1
- package/scss/inputs/radio-tile.scss +9 -4
- package/scss/inputs/select.scss +2 -1
- package/scss/side-navigation/side-navigation.scss +1 -33
- package/scss/slider/slider.scss +1 -2
- package/scss/style/mixins.scss +15 -17
- package/scss/table/classes.scss +12 -0
- package/scss/table/paginator.scss +39 -36
- package/scss/table/table.scss +11 -2
- package/scss/tabs/default.scss +5 -0
- package/scss/tabs/tabs.scss +1 -8
- package/scss/tag/tag.scss +9 -1
- package/scss/time-picker/time-picker.scss +1 -0
- package/scss/toast-notification/categories.scss +5 -2
- package/scss/toast-notification/toast.scss +0 -1
- package/scss/toggle-switch/toggle-switch.scss +7 -3
- package/scss/tree/tree.scss +2 -14
- package/scss/wizard/wizard.scss +3 -3
package/css/date-picker.css
CHANGED
|
@@ -22,90 +22,96 @@
|
|
|
22
22
|
display:inline-flex;
|
|
23
23
|
background-color:#FFF;
|
|
24
24
|
background-color:var(--iui-color-background-1); }
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-month-year > span{
|
|
40
|
-
margin:0 4px;
|
|
41
|
-
width:156px;
|
|
42
|
-
white-space:nowrap;
|
|
43
|
-
display:inline-flex;
|
|
44
|
-
flex-shrink:0;
|
|
45
|
-
align-items:center;
|
|
46
|
-
justify-content:center;
|
|
47
|
-
line-height:44px; }
|
|
48
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-month-year .iui-month{
|
|
49
|
-
overflow:hidden;
|
|
50
|
-
max-width:15ch;
|
|
51
|
-
text-overflow:ellipsis;
|
|
52
|
-
white-space:nowrap;
|
|
53
|
-
flex-shrink:0; }
|
|
54
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-weekdays{
|
|
55
|
-
line-height:33px;
|
|
56
|
-
display:flex;
|
|
57
|
-
justify-content:space-evenly;
|
|
58
|
-
align-items:center;
|
|
59
|
-
padding:0 8px;
|
|
60
|
-
background-color:#F8F9FB;
|
|
61
|
-
background-color:var(--iui-color-background-2); }
|
|
62
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-weekdays > div{
|
|
63
|
-
white-space:nowrap;
|
|
64
|
-
overflow:hidden;
|
|
65
|
-
width:32px;
|
|
66
|
-
text-align:center; }
|
|
67
|
-
.iui-date-picker > .iui-calendar > .iui-dates > .iui-week{
|
|
25
|
+
|
|
26
|
+
.iui-calendar-month-year{
|
|
27
|
+
display:inline-flex;
|
|
28
|
+
width:100%;
|
|
29
|
+
align-items:center;
|
|
30
|
+
justify-content:space-between;
|
|
31
|
+
padding:0 4px;
|
|
32
|
+
box-sizing:border-box;
|
|
33
|
+
font-weight:700;
|
|
34
|
+
background-color:#FFF;
|
|
35
|
+
background-color:var(--iui-color-background-1); }
|
|
36
|
+
.iui-calendar-month-year > span{
|
|
37
|
+
margin:0 4px;
|
|
38
|
+
width:156px;
|
|
68
39
|
white-space:nowrap;
|
|
69
|
-
|
|
70
|
-
|
|
40
|
+
display:inline-flex;
|
|
41
|
+
flex-shrink:0;
|
|
71
42
|
align-items:center;
|
|
72
|
-
justify-content:
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
43
|
+
justify-content:center;
|
|
44
|
+
line-height:44px; }
|
|
45
|
+
|
|
46
|
+
.iui-calendar-month{
|
|
47
|
+
overflow:hidden;
|
|
48
|
+
max-width:15ch;
|
|
49
|
+
text-overflow:ellipsis;
|
|
50
|
+
white-space:nowrap;
|
|
51
|
+
flex-shrink:0; }
|
|
52
|
+
|
|
53
|
+
.iui-calendar-weekdays{
|
|
54
|
+
line-height:33px;
|
|
55
|
+
display:flex;
|
|
56
|
+
justify-content:space-evenly;
|
|
57
|
+
align-items:center;
|
|
58
|
+
padding:0 8px;
|
|
59
|
+
font-weight:700;
|
|
60
|
+
background-color:#F8F9FB;
|
|
61
|
+
background-color:var(--iui-color-background-2); }
|
|
62
|
+
.iui-calendar-weekdays > div{
|
|
63
|
+
white-space:nowrap;
|
|
64
|
+
overflow:hidden;
|
|
65
|
+
width:32px;
|
|
66
|
+
text-align:center; }
|
|
67
|
+
|
|
68
|
+
.iui-calendar-week{
|
|
69
|
+
white-space:nowrap;
|
|
70
|
+
height:33px;
|
|
71
|
+
display:flex;
|
|
72
|
+
align-items:center;
|
|
73
|
+
justify-content:space-evenly;
|
|
74
|
+
padding:0 8px; }
|
|
75
|
+
|
|
76
|
+
.iui-calendar-day{
|
|
77
|
+
cursor:pointer;
|
|
78
|
+
display:inline-block;
|
|
79
|
+
width:33px;
|
|
80
|
+
line-height:33px;
|
|
81
|
+
border-radius:3px; }
|
|
82
|
+
.iui-calendar-day:focus-visible{
|
|
83
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
84
|
+
outline-offset:-1px; }
|
|
85
|
+
@supports not selector(*:focus-visible){
|
|
86
|
+
.iui-calendar-day:focus{
|
|
87
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
88
|
+
outline-offset:-1px; } }
|
|
89
|
+
.iui-calendar-day.iui-today{
|
|
90
|
+
font-weight:600;
|
|
91
|
+
border-radius:50%;
|
|
92
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
93
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
94
|
+
.iui-calendar-day:hover{
|
|
95
|
+
font-weight:600;
|
|
96
|
+
color:#008BE1;
|
|
97
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
98
|
+
color:var(--iui-color-foreground-primary);
|
|
99
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
100
|
+
.iui-calendar-day.iui-selected{
|
|
101
|
+
font-weight:600;
|
|
102
|
+
border-radius:3px;
|
|
103
|
+
cursor:default;
|
|
104
|
+
background-color:#008BE1;
|
|
105
|
+
color:#FFF;
|
|
106
|
+
background-color:var(--iui-color-background-primary);
|
|
107
|
+
color:var(--iui-color-foreground-accessory); }
|
|
108
|
+
.iui-calendar-day.iui-selected:focus-visible{
|
|
109
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
110
|
+
outline-offset:-3px; }
|
|
111
|
+
@supports not selector(*:focus-visible){
|
|
112
|
+
.iui-calendar-day.iui-selected:focus{
|
|
113
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
114
|
+
outline-offset:-3px; } }
|
|
115
|
+
.iui-calendar-day.iui-outside-month{
|
|
116
|
+
color:rgba(0, 0, 0, 0.4);
|
|
117
|
+
color:var(--iui-text-color-muted); }
|
package/css/expandable-block.css
CHANGED
|
@@ -29,6 +29,13 @@
|
|
|
29
29
|
border:1px solid var(--iui-color-background-3);
|
|
30
30
|
border-bottom-color:var(--iui-color-background-4);
|
|
31
31
|
background-color:var(--iui-color-background-3); }
|
|
32
|
+
.iui-expandable-block > .iui-header:focus-visible{
|
|
33
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
34
|
+
outline-offset:-1px; }
|
|
35
|
+
@supports not selector(*:focus-visible){
|
|
36
|
+
.iui-expandable-block > .iui-header:focus{
|
|
37
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
38
|
+
outline-offset:-1px; } }
|
|
32
39
|
@media (prefers-reduced-motion: no-preference){
|
|
33
40
|
.iui-expandable-block > .iui-header{
|
|
34
41
|
transition:background-color 0.2s ease-out; } }
|
|
@@ -82,16 +89,13 @@
|
|
|
82
89
|
font-size:12px;
|
|
83
90
|
color:rgba(0, 0, 0, 0.4);
|
|
84
91
|
color:var(--iui-text-color-muted); }
|
|
85
|
-
.iui-expandable-block > .iui-header:focus{
|
|
86
|
-
outline:0;
|
|
87
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
88
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
89
|
-
.iui-expandable-block > .iui-header:focus:not(:focus-visible){
|
|
90
|
-
box-shadow:none; }
|
|
91
92
|
.iui-expandable-block > .iui-header:focus-visible{
|
|
92
|
-
outline:
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
94
|
+
outline-offset:-1px; }
|
|
95
|
+
@supports not selector(*:focus-visible){
|
|
96
|
+
.iui-expandable-block > .iui-header:focus{
|
|
97
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
98
|
+
outline-offset:-1px; } }
|
|
95
99
|
.iui-expandable-block .iui-expandable-content{
|
|
96
100
|
overflow:hidden;
|
|
97
101
|
box-sizing:border-box;
|
package/css/file-upload.css
CHANGED
|
@@ -69,9 +69,10 @@
|
|
|
69
69
|
position:relative;
|
|
70
70
|
flex-direction:row; }
|
|
71
71
|
.iui-file-upload > .iui-content:only-child:focus-within{
|
|
72
|
-
outline:
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
outline:2px solid #008BE1;
|
|
73
|
+
outline-offset:-2px;
|
|
74
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
75
|
+
outline-offset:-2px; }
|
|
75
76
|
.iui-file-upload > .iui-content .iui-template-text{
|
|
76
77
|
margin-left:24px; }
|
|
77
78
|
.iui-file-upload > .iui-content .iui-template-text > label{
|
package/css/footer.css
CHANGED
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
list-style-type:none;
|
|
16
16
|
margin:0 auto;
|
|
17
17
|
padding:0;
|
|
18
|
-
overflow:hidden;
|
|
19
18
|
display:flex;
|
|
20
19
|
justify-content:center;
|
|
21
20
|
align-items:center;
|
|
@@ -38,34 +37,22 @@
|
|
|
38
37
|
background-color:rgba(0, 0, 0, 0.4);
|
|
39
38
|
background-color:var(--iui-text-color-muted); }
|
|
40
39
|
.iui-legal-footer > ul > li > a{
|
|
40
|
+
border-radius:3px;
|
|
41
41
|
text-decoration:none;
|
|
42
42
|
cursor:pointer;
|
|
43
43
|
color:#008BE1;
|
|
44
44
|
color:var(--iui-color-foreground-primary); }
|
|
45
|
-
.iui-legal-footer > ul > li > a:focus{
|
|
46
|
-
outline:0;
|
|
47
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
48
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
49
|
-
.iui-legal-footer > ul > li > a:focus:not(:focus-visible){
|
|
50
|
-
box-shadow:none; }
|
|
51
45
|
.iui-legal-footer > ul > li > a:focus-visible{
|
|
52
|
-
outline:
|
|
53
|
-
|
|
54
|
-
|
|
46
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
47
|
+
outline-offset:2px; }
|
|
48
|
+
@supports not selector(*:focus-visible){
|
|
49
|
+
.iui-legal-footer > ul > li > a:focus{
|
|
50
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
51
|
+
outline-offset:2px; } }
|
|
55
52
|
.iui-legal-footer > ul > li > a:hover{
|
|
56
53
|
color:#006bae;
|
|
57
54
|
color:var(--iui-color-foreground-primary-overlay);
|
|
58
55
|
text-decoration:underline; }
|
|
59
|
-
.iui-legal-footer > ul > li > a:focus{
|
|
60
|
-
outline:0;
|
|
61
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
62
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
63
|
-
.iui-legal-footer > ul > li > a:focus:not(:focus-visible){
|
|
64
|
-
box-shadow:none; }
|
|
65
|
-
.iui-legal-footer > ul > li > a:focus-visible{
|
|
66
|
-
outline:0;
|
|
67
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
68
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
69
56
|
.iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
|
|
70
57
|
color:rgba(0, 0, 0, 0.4);
|
|
71
58
|
color:var(--iui-text-color-muted); }
|
package/css/global.css
CHANGED
|
@@ -30,20 +30,18 @@
|
|
|
30
30
|
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }
|
|
31
31
|
|
|
32
32
|
.iui-anchor{
|
|
33
|
+
border-radius:3px;
|
|
33
34
|
text-decoration:none;
|
|
34
35
|
cursor:pointer;
|
|
35
36
|
color:#008BE1;
|
|
36
37
|
color:var(--iui-color-foreground-primary); }
|
|
37
|
-
.iui-anchor:focus{
|
|
38
|
-
outline:0;
|
|
39
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
40
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
41
|
-
.iui-anchor:focus:not(:focus-visible){
|
|
42
|
-
box-shadow:none; }
|
|
43
38
|
.iui-anchor:focus-visible{
|
|
44
|
-
outline:
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
40
|
+
outline-offset:2px; }
|
|
41
|
+
@supports not selector(*:focus-visible){
|
|
42
|
+
.iui-anchor:focus{
|
|
43
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
44
|
+
outline-offset:2px; } }
|
|
47
45
|
.iui-anchor:hover{
|
|
48
46
|
color:#006bae;
|
|
49
47
|
color:var(--iui-color-foreground-primary-overlay);
|
package/css/header.css
CHANGED
|
@@ -103,12 +103,6 @@
|
|
|
103
103
|
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
|
|
104
104
|
color:#008BE1;
|
|
105
105
|
color:var(--iui-color-foreground-primary); }
|
|
106
|
-
.iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
|
|
107
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
108
|
-
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
109
|
-
.iui-page-header .iui-header-button.iui-header-button.iui-active:focus:not(:focus-visible){
|
|
110
|
-
box-shadow:0 2px 0 0 #008BE1;
|
|
111
|
-
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
112
106
|
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled{
|
|
113
107
|
background-color:rgba(0, 0, 0, 0.05);
|
|
114
108
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
@@ -209,12 +203,6 @@
|
|
|
209
203
|
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
|
|
210
204
|
color:#008BE1;
|
|
211
205
|
color:var(--iui-color-foreground-primary); }
|
|
212
|
-
.iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
|
|
213
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
214
|
-
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
215
|
-
.iui-page-header .iui-header-split-button .iui-button.iui-active:focus:not(:focus-visible){
|
|
216
|
-
box-shadow:0 2px 0 0 #008BE1;
|
|
217
|
-
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
218
206
|
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled{
|
|
219
207
|
background-color:rgba(0, 0, 0, 0.05);
|
|
220
208
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
@@ -261,12 +249,6 @@
|
|
|
261
249
|
.iui-page-header .iui-header-split-button.iui-active .iui-button-label{
|
|
262
250
|
color:#008BE1;
|
|
263
251
|
color:var(--iui-color-foreground-primary); }
|
|
264
|
-
.iui-page-header .iui-header-split-button.iui-active:focus{
|
|
265
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
266
|
-
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
267
|
-
.iui-page-header .iui-header-split-button.iui-active:focus:not(:focus-visible){
|
|
268
|
-
box-shadow:0 2px 0 0 #008BE1;
|
|
269
|
-
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
270
252
|
.iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{
|
|
271
253
|
background-color:rgba(0, 0, 0, 0.05);
|
|
272
254
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
@@ -393,14 +375,12 @@
|
|
|
393
375
|
a.iui-header-logo:focus:not(:focus-visible),
|
|
394
376
|
button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role='button']:focus:not(:focus-visible){
|
|
395
377
|
outline:0; }
|
|
396
|
-
a.iui-header-logo:hover,
|
|
397
|
-
button.iui-header-logo:hover,
|
|
398
|
-
button.iui-header-logo:focus, .iui-header-logo[role='button']:hover, .iui-header-logo[role='button']:focus{
|
|
378
|
+
a.iui-header-logo:hover,
|
|
379
|
+
button.iui-header-logo:hover, .iui-header-logo[role='button']:hover{
|
|
399
380
|
background-color:rgba(0, 0, 0, 0.1);
|
|
400
381
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
401
|
-
a.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
402
|
-
button.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
403
|
-
button.iui-header-logo:focus:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:focus:not(:focus-visible):not(:hover){
|
|
382
|
+
a.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
383
|
+
button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover){
|
|
404
384
|
background-color:#FFF;
|
|
405
385
|
background-color:var(--iui-color-background-1); }
|
|
406
386
|
.iui-header-logo .iui-header-button-icon{
|