chore(website): Fixed demo styles that included CodeBlock

mlaursen · Nov 24, 2021 · 1f1a04e · 1f1a04e
1 parent 87998b9
commit 1f1a04e
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/packages/documentation/src/components/Demos/DemoContainer.module.scss b/packages/documentation/src/components/Demos/DemoContainer.module.scss
@@ -10,18 +10,6 @@ $demo-padding-extra: 6rem;
     @include rmd-utils-rtl-auto(margin-right, $toc-width, auto);
 
     padding: 0 $demo-padding-extra;
-
-    [data-linenumbers] {
-      width: calc(100vw - #{$demo-padding-extra * 2});
-    }
-  }
-
-  @include rmd-utils-desktop-media {
-    [data-linenumbers] {
-      $offset: $rmd-sheet-static-width + $toc-width + ($demo-padding-extra * 2);
-
-      width: calc(100vw - #{$offset});
-    }
   }
 
   padding: 0 $demo-padding;

diff --git a/packages/documentation/src/components/Demos/DemoDescription.module.scss b/packages/documentation/src/components/Demos/DemoDescription.module.scss
@@ -1,9 +1,26 @@
 @use 'sass:map';
 @use 'react-md' as *;
 
+// duplicated from TableOfContents.scss
+$toc-width: 15rem;
+$demo-padding: 2rem;
+$demo-padding-extra: 6rem;
+
 .container {
   @include rmd-typography(subtitle-1);
   @include rmd-typography-theme(max-width, line-width);
+  @include rmd-utils-tablet-media {
+    [data-linenumbers] {
+      width: calc(100vw - #{$demo-padding-extra * 2});
+    }
+  }
+  @include rmd-utils-desktop-media {
+    [data-linenumbers] {
+      $offset: $rmd-sheet-static-width + $toc-width + ($demo-padding-extra * 2);
+
+      width: calc(100vw - #{$offset});
+    }
+  }
 
   p {
     font: inherit;