Nest c-alert--error class within c-alert__extra class.

AriannaChau · AriannaChau · commit 141bccfb66d5 · 2022-07-19T14:26:10.000-07:00
diff --git a/src/components/alert/alert.scss b/src/components/alert/alert.scss
@@ -110,10 +110,8 @@
     border: ms.step(-4) solid var(--theme-color-background-secondary);
     border-radius: size.$border-radius-full;
   }
-}
 
-.c-alert--error {
-  .c-alert__extra {
+  .c-alert--error & {
     background-color: var(--theme-color-background-icon-error);
     color: var(--theme-color-icon-error);
   }

Original file line number	Diff line number	Diff line change
`@@ -110,10 +110,8 @@`
`110`	`110`	`border: ms.step(-4) solid var(--theme-color-background-secondary);`
`111`	`111`	`border-radius: size.$border-radius-full;`
`112`	`112`	`}`
`113`		`-}`
`114`	`113`
`115`		`-.c-alert--error {`
`116`		`- .c-alert__extra {`
	`114`	`+ .c-alert--error & {`
`117`	`115`	`background-color: var(--theme-color-background-icon-error);`
`118`	`116`	`color: var(--theme-color-icon-error);`
`119`	`117`	`}`