refactor(ffe-buttons): reorganize code

SpareBank1 · Sep 5, 2024 · 6a6a74a · 6a6a74a
1 parent ecb9fcd
commit 6a6a74a
Showing 1 changed file with 11 additions and 10 deletions.
diff --git a/packages/ffe-buttons/less/base-button.less b/packages/ffe-buttons/less/base-button.less
@@ -224,17 +224,24 @@
 
 .ffe-button--loading {
     pointer-events: none;
+
+    .ffe-button__label {
+        transform: translateY(-32px);
+        opacity: 0;
+    }
+
+    .ffe-button__spinner {
+        opacity: 1;
+        transform: none;
+        visibility: visible;
+    }
 }
 
 .ffe-button__label {
     align-items: center;
     display: flex;
     transition: transform var(--ffe-transition-duration) var(--ffe-ease);
     gap: var(--ffe-spacing-xs);
-    .ffe-button--loading & {
-        transform: translateY(-32px);
-        opacity: 0;
-    }
 }
 
 .ffe-button__spinner {
@@ -247,12 +254,6 @@
     display: grid;
     place-items: center;
 
-    .ffe-button--loading & {
-        opacity: 1;
-        transform: none;
-        visibility: visible;
-    }
-
     &::after {
         animation: 1s linear infinite button-loading-spin;
         border: 3px solid currentcolor;