chore(website): updated docs for new rmd-theme-dark-elevation defaults

mlaursen · mlaursen · commit b2269ffe2699 · 2021-08-13T07:19:33.000-06:00
diff --git a/packages/documentation/src/_variables.scss b/packages/documentation/src/_variables.scss
@@ -2,7 +2,6 @@
 
 $rmd-theme-primary: $rmd-teal-500;
 $rmd-theme-secondary: $rmd-pink-a-200;
-$rmd-theme-dark-elevation: true;
 $rmd-utils-auto-dense: true;
 
 $solarized-base-03: #002b36;
diff --git a/packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/Preview.module.scss b/packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/Preview.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Demos/Demo.module.scss b/packages/documentation/src/components/Demos/Demo.module.scss
@@ -1,6 +1,4 @@
 // sass-lint:disable class-name-format
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .preview {
diff --git a/packages/documentation/src/components/Demos/Divider/Container.module.scss b/packages/documentation/src/components/Demos/Divider/Container.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Demos/Elevation/AllElevations.md b/packages/documentation/src/components/Demos/Elevation/AllElevations.md
@@ -11,7 +11,3 @@ how the elevation looks depending on background color.
 
 > This package is used internally for many of the other packages that create
 > "temporary" material such as menus and sheets.
-
-> Note: If the dark theme is enabled for the documentation site, this demo is a
-> great example of the "raising dark mode elevation" feature that can be enabled
-> by setting `$rmd-theme-dark-elevation: true;`.
diff --git a/packages/documentation/src/components/Demos/Elevation/AllElevations.module.scss b/packages/documentation/src/components/Demos/Elevation/AllElevations.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Demos/Form/FileInputs/ServerUploadExample.module.scss b/packages/documentation/src/components/Demos/Form/FileInputs/ServerUploadExample.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Demos/List/Container.module.scss b/packages/documentation/src/components/Demos/List/Container.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Demos/Progress/AsyncButton.module.scss b/packages/documentation/src/components/Demos/Progress/AsyncButton.module.scss
@@ -1,7 +1,5 @@
 @import 'react-md/dist/everything';
 
-$rmd-theme-dark-elevation: true;
-
 .button {
   @include rmd-progress-theme-update-var(
     circular-size,
diff --git a/packages/documentation/src/components/Demos/Tabs/ConfigurableTabs/ConfigurableTabs.module.scss b/packages/documentation/src/components/Demos/Tabs/ConfigurableTabs/ConfigurableTabs.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Demos/Utils/Grid.module.scss b/packages/documentation/src/components/Demos/Utils/Grid.module.scss
@@ -1,6 +1,4 @@
 // sass-lint:disable class-name-format
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .grid {
diff --git a/packages/documentation/src/components/Demos/Utils/ResizeObserverExample.module.scss b/packages/documentation/src/components/Demos/Utils/ResizeObserverExample.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 .container {
diff --git a/packages/documentation/src/components/Phone/Phone.module.scss b/packages/documentation/src/components/Phone/Phone.module.scss
@@ -1,6 +1,4 @@
 // sass-lint:disable class-name-format
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 $phone-height: 35.5rem;
diff --git a/packages/documentation/src/components/TableOfContents/TableOfContents.module.scss b/packages/documentation/src/components/TableOfContents/TableOfContents.module.scss
@@ -1,5 +1,3 @@
-$rmd-theme-dark-elevation: true;
-
 @import 'react-md/dist/everything';
 
 $page-margin: 1rem;
diff --git a/packages/theme/src/_mixins.scss b/packages/theme/src/_mixins.scss
@@ -70,9 +70,6 @@
 /// instead of using this mixin.
 ///
 /// @example scss - Simple Example
-///   $rmd-theme-dark-elevation: true;
-///   // OVERRIDE_VARIABLES
-///
 ///   .container {
 ///     @include rmd-theme-dark-elevation-styles {
 ///       background-color: red;
@@ -92,7 +89,6 @@
 ///   }
 ///
 /// @example scss - Simple Prefers Color Scheme
-///   $rmd-theme-dark-elevation: true;
 ///   $rmd-theme-dark-class: 'prefers-color-scheme';
 ///   // OVERRIDE_VARIABLES
 ///
@@ -115,9 +111,6 @@
 ///   }
 ///
 /// @example scss - CSS Module Example
-///   $rmd-theme-dark-elevation: true;
-///   // OVERRIDE_VARIABLES
-///
 ///   .container {
 ///     @include rmd-theme-dark-elevation-styles(true) {
 ///       background-color: red;
@@ -137,7 +130,6 @@
 ///   }
 ///
 /// @example scss - CSS Module Prefers Color Scheme Example
-///   $rmd-theme-dark-elevation: true;
 ///   $rmd-theme-dark-class: 'prefers-color-scheme';
 ///   // OVERRIDE_VARIABLES
 ///
@@ -201,19 +193,13 @@
 /// instead of using this mixin.
 ///
 /// @example scss - All z-values
-///   $rmd-theme-dark-elevation: true;
-///   // OVERRIDE_VARIABLES
-///
 ///   .container {
 ///     @for $i from 0 to 24 {
 ///       @include rmd-theme-dark-elevation($i);
 ///     }
 ///   }
 ///
 /// @example scss - All z-values with CSS Modules
-///   $rmd-theme-dark-elevation: true;
-///   // OVERRIDE_VARIABLES
-///
 ///   .container {
 ///     @for $i from 0 to 24 {
 ///       @include rmd-theme-dark-elevation($i, true);

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-$rmd-theme-dark-elevation: true;`
`2`		`-`
`3`	`1`	`@import 'react-md/dist/everything';`
`4`	`2`
`5`	`3`	`.container {`