chore/UIDS-308 remove box shadow from inline alert (#309)

* removes box-shadow from inline Alert

* fix weird angled border issue

Author: jasonbasuil

src/Alert/Alert.scss

@@ -13,7 +13,6 @@
   margin-bottom: 1rem;
   padding: .75rem 1.25rem;
   position: relative;
-  border: 0.06rem solid transparent;
 
   &__icon {
     grid-column-start: 1;
@@ -41,7 +40,6 @@
   background-color: $ux-green-200;
   color: $ux-green-800;
   border-left: 0.5rem solid $ux-green-400;
-  box-shadow: $ux-elevations-20;
 
   .close {
     color: $ux-green-800;
@@ -52,7 +50,6 @@
   background-color: $ux-blue-100;
   color: $ux-blue-700;
   border-left: 0.5rem solid $ux-blue-300;
-  box-shadow: $ux-elevations-20;
 
   .close {
     color: $ux-blue-700;
@@ -63,7 +60,6 @@
   background-color: $ux-blue-100;
   color: $ux-blue-700;
   border-left: 0.5rem solid $ux-blue-300;
-  box-shadow: $ux-elevations-20;
 
   .close {
     color: $ux-blue-700;
@@ -74,7 +70,6 @@
   background-color: $ux-yellow-100;
   color: $ux-yellow-800;
   border-left: 0.5rem solid $ux-yellow-600;
-  box-shadow: $ux-elevations-20;
 
   .close {
     color: $ux-yellow-800;
@@ -85,7 +80,6 @@
   background-color: $ux-red-100;
   color: $ux-red-800;
   border-left: 0.5rem solid $ux-red-400;
-  box-shadow: $ux-elevations-20;
 
   .close {
     color: $ux-red-800;

src/Toast/Toast.scss

@@ -19,4 +19,8 @@
     padding: $ux-spacing-20;
     width: 100vw;
   }
+  
+  .Alert {
+    box-shadow: $ux-elevations-20;
+  }
 }