@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
10
10
governing permissions and limitations under the License.
11
11
*/
12
12
13
- @import url (' ./spectrum-dialog.css' );
13
+ @import url (" ./spectrum-dialog.css" );
14
14
15
15
: host {
16
16
- - swc- alert- dialog- error - icon- color : var(--spectrum-negative-visual-color );
@@ -21,53 +21,46 @@ governing permissions and limitations under the License.
21
21
}
22
22
23
23
.footer {
24
- color : var (
25
- --spectrum-dialog-confirm-description-text-color ,
26
- var (--spectrum-gray-800 )
27
- );
24
+ color : var (--spectrum-dialog-confirm-description-text-color , var (--spectrum-gray-800 ));
28
25
}
29
26
30
27
.type-icon {
31
28
grid-area : typeIcon;
32
- color : var (
33
- --mod-alert-dialog-error-icon-color ,
34
- var (--swc-alert-dialog-error-icon-color )
35
- );
29
+ color : var (--mod-alert-dialog-error-icon-color , var (--swc-alert-dialog-error-icon-color ));
36
30
}
37
31
38
32
.content [tabindex ] {
39
33
overflow : auto;
40
34
}
41
35
42
- ::slotted (img [slot = ' hero' ]) {
36
+ ::slotted (img [slot = " hero" ]) {
43
37
width : 100% ;
44
38
height : auto;
45
39
}
46
40
47
- /* We may remove this override when CSS fixes unused `header` and `typeIcon` areas */
48
41
.grid {
49
42
grid-template-areas :
50
- ' hero hero hero hero hero hero'
51
- ' . . . . . .'
52
- ' . heading heading heading typeIcon . '
53
- ' . divider divider divider divider .'
54
- ' . content content content content .'
55
- ' . footer footer buttonGroup buttonGroup .'
56
- ' . . . . . .' ;
43
+ " hero hero hero hero hero hero"
44
+ " . . . . . ."
45
+ " . heading heading heading typeIcon . "
46
+ " . divider divider divider divider ."
47
+ " . content content content content ."
48
+ " . footer footer buttonGroup buttonGroup ."
49
+ " . . . . . ." ;
57
50
inline-size : 100% ;
58
51
display : grid;
59
52
}
60
53
61
54
/* Needed while `error` attribute still exists as deprecated */
62
55
: host (: not ([error ], [dismissable ], [mode ])) .grid {
63
56
grid-template-areas :
64
- ' hero hero hero hero hero hero'
65
- ' . . . . . .'
66
- ' . heading heading heading heading . '
67
- ' . divider divider divider divider .'
68
- ' . content content content content .'
69
- ' . footer footer buttonGroup buttonGroup .'
70
- ' . . . . . .' ;
57
+ " hero hero hero hero hero hero"
58
+ " . . . . . ."
59
+ " . heading heading heading heading . "
60
+ " . divider divider divider divider ."
61
+ " . content content content content ."
62
+ " . footer footer buttonGroup buttonGroup ."
63
+ " . . . . . ." ;
71
64
inline-size : 100% ;
72
65
display : grid;
73
66
}
0 commit comments