@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
1010governing permissions and limitations under the License.
1111*/
1212
13- @import url (' ./spectrum-dialog.css' );
13+ @import url (" ./spectrum-dialog.css" );
1414
1515: host {
1616 - - swc- alert- dialog- error - icon- color : var(--spectrum-negative-visual-color );
@@ -21,53 +21,46 @@ governing permissions and limitations under the License.
2121}
2222
2323.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 ));
2825}
2926
3027.type-icon {
3128 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 ));
3630}
3731
3832.content [tabindex ] {
3933 overflow : auto;
4034}
4135
42- ::slotted (img [slot = ' hero' ]) {
36+ ::slotted (img [slot = " hero" ]) {
4337 width : 100% ;
4438 height : auto;
4539}
4640
47- /* We may remove this override when CSS fixes unused `header` and `typeIcon` areas */
4841.grid {
4942 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+ " . . . . . ." ;
5750 inline-size : 100% ;
5851 display : grid;
5952}
6053
6154/* Needed while `error` attribute still exists as deprecated */
6255: host (: not ([error ], [dismissable ], [mode ])) .grid {
6356 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+ " . . . . . ." ;
7164 inline-size : 100% ;
7265 display : grid;
7366}
0 commit comments