From d952cbba5a6505ca784d0699bddca1ff40806c20 Mon Sep 17 00:00:00 2001
From: Georg Ekeberg <georg.ekeberg@sparebank1.no>
Date: Wed, 22 Jan 2025 16:18:23 +0100
Subject: [PATCH] fix(ffe-messages): add mask image css variable on icon inside
 ffe-messages

---
 buildtool/config/stylelint.config.js   |  2 +-
 packages/ffe-messages/less/common.less | 16 ++++++++--------
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/buildtool/config/stylelint.config.js b/buildtool/config/stylelint.config.js
index 1f712533b0..4d5ffef908 100644
--- a/buildtool/config/stylelint.config.js
+++ b/buildtool/config/stylelint.config.js
@@ -9,7 +9,7 @@ module.exports = {
             },
         ],
         'media-feature-name-no-vendor-prefix': true,
-        'property-no-vendor-prefix': true,
+        'property-no-vendor-prefix': null,
         'selector-max-specificity': [
             '0,3,0',
             {
diff --git a/packages/ffe-messages/less/common.less b/packages/ffe-messages/less/common.less
index 4bcb34f29f..66a32a721d 100644
--- a/packages/ffe-messages/less/common.less
+++ b/packages/ffe-messages/less/common.less
@@ -68,7 +68,6 @@
         color: var(--text-color);
     }
 
-
     &__background {
         background: var(--background);
         border-radius: var(--ffe-g-border-radius-lg);
@@ -76,19 +75,19 @@
     }
 
     &--context {
-         --icon-size: var(--ffe-v-icons-size-lg);
-         --icon-padding: var(--ffe-spacing-xs);
+        --icon-size: var(--ffe-v-icons-size-lg);
+        --icon-padding: var(--ffe-spacing-xs);
 
-         .ffe-message__heading {
-             font-size: var(--ffe-fontsize-h6);
-             margin: 0 0 var(--ffe-spacing-2xs);
-         }
+        .ffe-message__heading {
+            font-size: var(--ffe-fontsize-h6);
+            margin: 0 0 var(--ffe-spacing-2xs);
+        }
 
         &.ffe-message--context-compact {
             --icon-size: var(--ffe-v-icons-size-md);
             --icon-padding: var(--ffe-spacing-2xs);
         }
-     }
+    }
 }
 
 .ffe-message__icon-container {
@@ -200,6 +199,7 @@
     mask-position: center;
     background-color: currentcolor;
     mask-image: var(--mask-image);
+    -webkit-mask-image: var(--mask-image);
     height: var(--icon-size);
     aspect-ratio: 1;
     mask-size: contain;