chore(website): update all styles to use react-md/dist/everything

Author: mlaursen

packages/documentation/src/_mixins.scss

@@ -1,31 +1,2 @@
-@import 'variables';
-@import '~@react-md/alert/dist/mixins';
-@import '~@react-md/app-bar/dist/mixins';
-@import '~@react-md/avatar/dist/mixins';
-@import '~@react-md/badge/dist/mixins';
-@import '~@react-md/button/dist/mixins';
-@import '~@react-md/card/dist/mixins';
-@import '~@react-md/chip/dist/mixins';
-@import '~@react-md/dialog/dist/mixins';
-@import '~@react-md/divider/dist/mixins';
-@import '~@react-md/elevation/dist/mixins';
-@import '~@react-md/expansion-panel/dist/mixins';
-@import '~@react-md/form/dist/mixins';
-@import '~@react-md/icon/dist/mixins';
-@import '~@react-md/layout/dist/mixins';
-@import '~@react-md/link/dist/mixins';
-@import '~@react-md/list/dist/mixins';
-@import '~@react-md/media/dist/mixins';
-@import '~@react-md/menu/dist/mixins';
-@import '~@react-md/overlay/dist/mixins';
-@import '~@react-md/progress/dist/mixins';
-@import '~@react-md/sheet/dist/mixins';
-@import '~@react-md/states/dist/mixins';
-@import '~@react-md/table/dist/mixins';
-@import '~@react-md/tabs/dist/mixins';
-@import '~@react-md/theme/dist/mixins';
-@import '~@react-md/tooltip/dist/mixins';
-@import '~@react-md/transition/dist/mixins';
-@import '~@react-md/tree/dist/mixins';
-@import '~@react-md/typography/dist/mixins';
-@import '~@react-md/utils/dist/mixins';
+@import './variables';
+@import 'react-md/dist/everything';

packages/documentation/src/_variables.scss

@@ -1,12 +1,10 @@
-@import '~@react-md/theme/dist/color-palette';
+@import '@react-md/theme/dist/color-palette';
 
 $rmd-theme-primary: $rmd-teal-500;
 $rmd-theme-secondary: $rmd-pink-a-200;
 $rmd-theme-dark-elevation: true;
 $rmd-utils-auto-dense: true;
 
-@import '~@react-md/theme/dist/variables';
-
 $solarized-base-03: #002b36;
 $solarized-base-02: #073642;
 $solarized-base-01: #586e75;

packages/documentation/src/components/Blog/Post.module.scss

@@ -1,4 +1,4 @@
-@import '~@react-md/utils/dist/mixins';
+@import 'react-md/dist/everything';
 
 .container {
   @include rmd-utils-phone-media {

packages/documentation/src/components/ColorsAndTheming/ColorPalette/Color.module.scss

@@ -1,6 +1,4 @@
-@import '~@react-md/typography/dist/variables';
-@import '~@react-md/theme/dist/mixins';
-@import '~@react-md/utils/dist/functions';
+@import 'react-md/dist/everything';
 
 .container {
   color: $rmd-black-base;

packages/documentation/src/components/ColorsAndTheming/ColorPalette/ColorPalette.module.scss

@@ -1,7 +1,4 @@
-@import '~@react-md/elevation/dist/mixins';
-@import '~@react-md/theme/dist/mixins';
-@import '~@react-md/list/dist/mixins';
-@import '~@react-md/utils/dist/functions';
+@import 'react-md/dist/everything';
 
 .container {
   align-items: flex-start;

packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/Preview.module.scss

@@ -1,7 +1,6 @@
 $rmd-theme-dark-elevation: true;
 
-@import '~@react-md/elevation/dist/mixins';
-@import '~@react-md/theme/dist/mixins';
+@import 'react-md/dist/everything';
 
 .container {
   @include rmd-elevation(6);

packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/ThemeUsage.tsx

@@ -36,7 +36,7 @@ export default function ThemeUsage({
         {`##### SCSS Usage<!-- no-margin-bottom -->
 
 \`\`\`scss
-@import '~@react-md/theme/dist/color-palette';
+@import '@react-md/theme/dist/color-palette';
 ${theme === "light" ? "" : DARK_OVERRIDE}
 $rmd-theme-primary: $rmd-${primary}-500;
 $rmd-theme-secondary: $rmd-${secondary}-a-${accent};

packages/documentation/src/components/DemoSandbox/CodePreview.module.scss

@@ -1,7 +1,4 @@
-@import '~@react-md/app-bar/dist/mixins';
-@import '~@react-md/sheet/dist/mixins';
-@import '~@react-md/states/dist/mixins';
-@import '~@react-md/utils/dist/mixins';
+@import 'react-md/dist/everything';
 
 .code {
   @include rmd-states-focus-shadow($css-modules: true);

packages/documentation/src/components/DemoSandbox/SandboxFileTree.module.scss

@@ -1,6 +1,4 @@
-@import '~@react-md/app-bar/dist/mixins';
-@import '~@react-md/sheet/dist/variables';
-@import '~@react-md/tree/dist/mixins';
+@import 'react-md/dist/everything';
 
 .sheet {
   background-color: $rmd-sheet-dark-elevation-background-color;

packages/documentation/src/components/DemoSandbox/SandboxList.module.scss

@@ -1,4 +1,4 @@
-@import '~@react-md/utils/dist/mixins';
+@import 'react-md/dist/everything';
 
 $card-margin: 0.5rem;
 $doubled-card-margin: $card-margin * 2;