refactor(Alert): use box-shadow as border-left (#532)

digdir · Jun 9, 2023 · f2e02f0 · f2e02f0
1 parent 80bbcc3
commit f2e02f0
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/packages/react/src/components/Alert/Alert.module.css b/packages/react/src/components/Alert/Alert.module.css
@@ -4,13 +4,10 @@
   --fdsc-alert-background: var(--fds-semantic-surface-info-subtle);
   --fdsc-alert-color: var(--fds-semantic-text-neutral-default);
 
-  border-left: 8px solid var(--fdsc-alert-border);
+  box-shadow: 8px 0 0 0 var(--fdsc-alert-border) inset;
   background: var(--fdsc-alert-background);
   color: var(--fdsc-alert-color);
-  padding-left: var(--fds-spacing-3);
-  padding-right: var(--fds-spacing-4);
-  padding-top: var(--fds-spacing-4);
-  padding-bottom: var(--fds-spacing-4);
+  padding: var(--fds-spacing-4);
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: min-content auto;