Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
chore(website): update all styles to use react-md/dist/everything
  • Loading branch information
@mlaursen
mlaursen committed Aug 13, 2021
1 parent 98d2c58 commit 2da5033
Show file tree
Hide file tree
Showing 107 changed files with 108 additions and 300 deletions.
33 changes: 2 additions & 31 deletions packages/documentation/src/_mixins.scss
View file
@@ -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';
4 changes: 1 addition & 3 deletions packages/documentation/src/_variables.scss
View file
@@ -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;
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/Blog/Post.module.scss
View file
@@ -1,4 +1,4 @@
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-utils-phone-media {
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/ColorsAndTheming/ColorPalette/Color.module.scss
View file
@@ -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;
Expand Down
5 changes: 1 addition & 4 deletions packages/documentation/src/components/ColorsAndTheming/ColorPalette/ColorPalette.module.scss
View file
@@ -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;
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/Preview.module.scss
View file
@@ -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);
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/ColorsAndTheming/ThemeBuilder/ThemeUsage.tsx
View file
Expand Up @@ -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};
Expand Down
5 changes: 1 addition & 4 deletions packages/documentation/src/components/DemoSandbox/CodePreview.module.scss
View file
@@ -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);
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/DemoSandbox/SandboxFileTree.module.scss
View file
@@ -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;
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/DemoSandbox/SandboxList.module.scss
View file
@@ -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;
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/DemoSandbox/SandboxModal.module.scss
View file
@@ -1,6 +1,4 @@
@import '~@react-md/app-bar/dist/mixins';
@import '~@react-md/button/dist/mixins';
@import '~@react-md/theme/dist/mixins';
@import 'react-md/dist/everything';

.dialog {
@include rmd-app-bar-theme-update-var(prominent-dense-height, 5rem);
Expand Down
5 changes: 1 addition & 4 deletions packages/documentation/src/components/DemoSandbox/SandboxNavigation.module.scss
View file
@@ -1,7 +1,4 @@
@import '~@react-md/app-bar/dist/variables';
@import '~@react-md/typography/dist/mixins';
@import '~@react-md/theme/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.header {
align-items: flex-start;
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/Alert/UpdatingMessagePriority.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.output {
@include rmd-elevation(4);
Expand Down
7 changes: 1 addition & 6 deletions packages/documentation/src/components/Demos/AppBar/AnimatingAppBar.module.scss
View file
@@ -1,9 +1,4 @@
@import '~@react-md/utils/dist/mixins';
@import '~@react-md/theme/dist/mixins';
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/button/dist/mixins';
@import '~@react-md/app-bar/dist/functions';
@import '~@react-md/app-bar/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-elevation(6);
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/AppBar/AutoDense.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/app-bar/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-utils-desktop-media {
Expand Down
5 changes: 1 addition & 4 deletions packages/documentation/src/components/Demos/AppBar/FixedWithOffset.module.scss
View file
@@ -1,7 +1,4 @@
@import '~@react-md/utils/dist/mixins';
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/app-bar/dist/mixins';
@import '~@react-md/typography/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-elevation(6);
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/Demos/AppBar/index.module.scss
View file
@@ -1,4 +1,4 @@
@import '~@react-md/app-bar/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-app-bar-theme-update-var(height, $rmd-app-bar-height);
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/Demos/AutoComplete/HighlightMatches.module.scss
View file
@@ -1,6 +1,4 @@
@import '~@react-md/app-bar/dist/mixins';
@import '~@react-md/icon/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

// all the importants are really just required to override the useFixedPositioning styles
// that aren't configurable right now that have to be changed for the hacky phone "emulation"
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/Avatar/ColorExamples.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.list {
@include rmd-elevation(4);
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/Badge/CustomizingBadges.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/badge/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-badge-theme-update-var(
Expand Down
5 changes: 1 addition & 4 deletions packages/documentation/src/components/Demos/Button/CustomButtonTheme.module.scss
View file
@@ -1,7 +1,4 @@
@import '~@react-md/theme/dist/color-palette';
@import '~@react-md/button/dist/mixins';
@import '~@react-md/icon/dist/mixins';
@import '~@react-md/theme/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-button-theme-update-var(outline-width, 4px);
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/Chip/ActionChips/ActionChip.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/icon/dist/mixins';
@import '~@react-md/theme/dist/color-palette';
@import 'react-md/dist/everything';

.chip {
margin: 0.25rem;
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/Demos/Chip/ActionChips/ActionChips.module.scss
View file
@@ -1,6 +1,4 @@
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/icon/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

$blind-height: 1.5rem;
$blind-margin: 2px;
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/Chip/ActionChips/Blind.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

$blind-height: 1.5rem;
$blind-margin: 2px;
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/Demos/Chip/ActionChips/Blinds.module.scss
View file
@@ -1,4 +1,4 @@
@import '~@react-md/transition/dist/mixins';
@import 'react-md/dist/everything';

.blinds {
@include rmd-transition(deceleration);
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/Demos/Chip/ChoiceChips.module.scss
View file
@@ -1,4 +1,4 @@
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-utils-block-centered;
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/Demos/Chip/FilterChips.module.scss
View file
@@ -1,6 +1,4 @@
@import '~@react-md/icon/dist/mixins';
@import '~@react-md/states/dist/mixins';
@import '~@react-md/transition/dist/mixins';
@import 'react-md/dist/everything';

.container {
display: flex;
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/Chip/InputChips/To.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/icon/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

$spacing: 0.5rem;
$padding: 1rem;
Expand Down
8 changes: 1 addition & 7 deletions packages/documentation/src/components/Demos/Demo.module.scss
View file
@@ -1,13 +1,7 @@
// sass-lint:disable class-name-format
$rmd-theme-dark-elevation: true;

@import '~@react-md/app-bar/dist/mixins';
@import '~@react-md/divider/dist/mixins';
@import '~@react-md/elevation/dist/mixins';
@import '~@react-md/sheet/dist/mixins';
@import '~@react-md/theme/dist/mixins';
@import '~@react-md/typography/dist/mixins';
@import '~@react-md/utils/dist/mixins';
@import 'react-md/dist/everything';

.preview {
@include rmd-elevation(2);
Expand Down
3 changes: 1 addition & 2 deletions packages/documentation/src/components/Demos/DemoContainer.module.scss
View file
@@ -1,5 +1,4 @@
@import '~@react-md/utils/dist/mixins';
@import '~@react-md/sheet/dist/variables';
@import 'react-md/dist/everything';

// duplicated from TableOfContents.scss
$toc-width: 15rem;
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/Demos/DemoDescription.module.scss
View file
@@ -1,4 +1,4 @@
@import '~@react-md/typography/dist/mixins';
@import 'react-md/dist/everything';

.container {
@include rmd-typography(subtitle-1);
Expand Down
2 changes: 1 addition & 1 deletion packages/documentation/src/components/Demos/Dialog/AlertDialogsAndModals.module.scss
View file
@@ -1,4 +1,4 @@
@import '~@react-md/typography/dist/mixins';
@import 'react-md/dist/everything';

.textarea {
height: 15rem;
Expand Down
4 changes: 1 addition & 3 deletions packages/documentation/src/components/Demos/Dialog/FullPageExample.module.scss