fix(modal): fix spacing and overriding styles in the docsite (#635)

dialpad · Aug 5, 2022 · 55d5693 · 55d5693
1 parent f98b41b
commit 55d5693
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/docs/assets/less/overrides.less b/docs/assets/less/overrides.less
@@ -4,6 +4,7 @@
 @import (reference) '../../../lib/build/less/utilities/internals';
 @import (reference) '../../../lib/build/less/utilities/spacing';
 @import (reference) '../../../lib/build/less/utilities/typography';
+@import (reference) '../../../lib/build/less/components/modal';
 
 html {
   scroll-behavior: smooth;
@@ -156,6 +157,13 @@ samp {
 
 }
 
+// Fix theme-default styles leaking into the modal
+.theme-default-content {
+  .d-modal__header {
+    .d-modal__header();
+  }
+}
+
 .page-nav {
   margin: 0 auto;
   max-width: 99rem;

diff --git a/lib/build/less/components/modal.less b/lib/build/less/components/modal.less
@@ -96,8 +96,6 @@
   visibility: hidden;
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
-
-  .d-stack16();
 }
 
 //  $$   MAKE THEM APPEAR
@@ -150,7 +148,7 @@
 //  ----------------------------------------------------------------------------
 .d-modal__content {
   max-width: 75ch;
-  margin: var(--su12) 0 0 !important;
+  margin: var(--su12) 0;
   padding: var(--su4) var(--su24);
 }