From 1b999ef76058ab05c987f4aee3e3128ddc62d9b9 Mon Sep 17 00:00:00 2001
From: Keryan SANIE <keryan.sanie@gmail.com>
Date: Fri, 25 Aug 2023 15:49:00 +0200
Subject: [PATCH] fix(alert): remplacement des box-shadow en background-image

---
 src/component/alert/style/_module.scss |  5 +++++
 src/component/alert/style/_scheme.scss | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/component/alert/style/_module.scss b/src/component/alert/style/_module.scss
index 99b11c8fb..3692fb1bf 100644
--- a/src/component/alert/style/_module.scss
+++ b/src/component/alert/style/_module.scss
@@ -3,11 +3,16 @@
 /// @group alert
 ////
 
+@use 'module/spacing';
+
 #{ns(alert)} {
   @include relative();
   @include padding(4v 9v 3v 14v);
   @include set-title-margin(0 0 1v);
   @include set-text-margin(0 0 1v);
+  background-size: 100% 1px, 1px 100%, 100% 1px, spacing.space(10v) 100%;
+  background-position: 0 0, 100% 0, 0 100%, 0 0, 100% 100%;
+  background-repeat: no-repeat, no-repeat no-repeat, no-repeat;
   @include icon-size(md, before);
   @include icon-style(before) {
     @include absolute(0, null, null, 0);
diff --git a/src/component/alert/style/_scheme.scss b/src/component/alert/style/_scheme.scss
index feff9123d..3d620f36a 100644
--- a/src/component/alert/style/_scheme.scss
+++ b/src/component/alert/style/_scheme.scss
@@ -7,26 +7,26 @@
 
 @mixin _alert-scheme($legacy: false) {
   #{ns(alert)} {
-    @include color.box-shadow((plain grey) (background flat grey), (legacy:$legacy), all-1-in left-10v-in);
+    @include color.background-image((border plain grey) (border plain grey) (border plain grey) (border plain grey) (flat grey), (legacy:$legacy));
 
     @include before {
       @include color.text(inverted grey, (legacy:$legacy));
     }
 
     &--info {
-      @include color.box-shadow((plain info) (background flat info), (legacy:$legacy), all-1-in left-10v-in);
+      @include color.background-image((border plain info) (border plain info) (border plain info) (border plain info) (flat info), (legacy:$legacy));
     }
 
     &--error {
-      @include color.box-shadow((plain error) (background flat error), (legacy:$legacy), all-1-in left-10v-in);
+      @include color.background-image((border plain error) (border plain error) (border plain error) (border plain error) (flat error), (legacy:$legacy));
     }
 
     &--success {
-      @include color.box-shadow((plain success) (background flat success), (legacy:$legacy), all-1-in left-10v-in);
+      @include color.background-image((border plain success) (border plain success) (border plain success) (border plain success) (flat success), (legacy:$legacy));
     }
 
     &--warning {
-      @include color.box-shadow((plain warning) (background flat warning), (legacy:$legacy), all-1-in left-10v-in);
+      @include color.background-image((border plain warning) (border plain warning) (border plain warning) (border plain warning) (flat warning), (legacy:$legacy));
     }
   }
 }