moved the solution to a gap

gsoft-inc · Apr 19, 2024 · 6b41fe6 · 6b41fe6
1 parent 6540591
commit 6b41fe6
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/packages/Modal/src/modal.scss b/packages/Modal/src/modal.scss
@@ -46,7 +46,7 @@
         --ids-modal-full-content-close-spacing-vertical: #{tokens.$space-1};
         --ids-modal-footer-margin: #{tokens.$space-2} -#{tokens.$space-2} -#{tokens.$space-2};
         --ids-modal-footer-action-margin: #{tokens.$space-2} #{tokens.$space-2};
-        --ids-modal-footer-action-secondary-margin: #{tokens.$space-2};
+        --ids-modal-footer-action-gap: 0;
     }
 
     [data-brand="workleap"] {
@@ -89,7 +89,7 @@
         --ids-modal-full-content-close-spacing-vertical: calc(var(--hop-space-stack-xs) + var(--hop-space-stack-sm));
         --ids-modal-footer-margin: var(--hop-space-stack-sm) calc(-1 * var(--hop-space-inline-sm)) calc(-1 * var(--hop-space-stack-sm));
         --ids-modal-footer-action-margin: 0;
-        --ids-modal-footer-action-secondary-margin: var(--hop-space-inset-sm);
+        --ids-modal-footer-action-gap: var(--hop-space-inset-sm);
     }
 
     @media (width >= #{tokens.$breakpoints-sm}) {
@@ -325,6 +325,7 @@
         align-items: center;
         display: flex;
         flex-wrap: wrap;
+        gap: var(--ids-modal-footer-action-gap);
         justify-content: flex-end;
         margin: var(--ids-modal-footer-margin);
         margin-top: auto;
@@ -334,10 +335,6 @@
         flex: 1 1 100%;
         margin: var(--ids-modal-footer-action-margin);
 
-        &--secondary {
-            margin-right: var(--ids-modal-footer-action-secondary-margin);
-        }
-
         &--tertiary {
             text-align: center;