Skip to content

Commit 06110af

Browse files
mlaursenmlaursen
committed
style(format): ran prettier after upgrading to v2.4.0
1 parent 54295ed commit 06110af

File tree

17 files changed

+109
-106
lines changed

17 files changed

+109
-106
lines changed

‎examples/create-react-app-typescript/src/_everything.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
// update these variables as needed for your app
4-
$rmd-theme-primary: $rmd-purple-500,
5-
$rmd-theme-secondary: $rmd-pink-a-200,
6-
$rmd-theme-light: true,
7-
8-
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9-
$rmd-utils-auto-dense: false,
10-
);
2+
@forward 'react-md' with
3+
(
4+
// update these variables as needed for your app
5+
$rmd-theme-primary: $rmd-purple-500,
6+
$rmd-theme-secondary: $rmd-pink-a-200,
7+
$rmd-theme-light: true,
8+
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9+
$rmd-utils-auto-dense: false
10+
);

‎examples/create-react-app/src/_everything.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
// update these variables as needed for your app
4-
$rmd-theme-primary: $rmd-purple-500,
5-
$rmd-theme-secondary: $rmd-pink-a-200,
6-
$rmd-theme-light: true,
7-
8-
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9-
$rmd-utils-auto-dense: false,
10-
);
2+
@forward 'react-md' with
3+
(
4+
// update these variables as needed for your app
5+
$rmd-theme-primary: $rmd-purple-500,
6+
$rmd-theme-secondary: $rmd-pink-a-200,
7+
$rmd-theme-light: true,
8+
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9+
$rmd-utils-auto-dense: false
10+
);

‎examples/gatsby-typescript/src/styles/_everything.scss‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
// update these variables as needed for your app
4-
$rmd-theme-primary: $rmd-purple-500,
5-
$rmd-theme-secondary: $rmd-pink-a-200,
6-
$rmd-theme-light: true,
7-
8-
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9-
$rmd-utils-auto-dense: false,
10-
);
1+
@use "@react-md/theme/dist/color-palette" as *;
2+
@forward "react-md" with
3+
(
4+
// update these variables as needed for your app
5+
$rmd-theme-primary: $rmd-purple-500,
6+
$rmd-theme-secondary: $rmd-pink-a-200,
7+
$rmd-theme-light: true,
8+
$rmd-theme-dark-elevation: "prefers-color-scheme",
9+
$rmd-utils-auto-dense: false
10+
);

‎examples/gatsby-typescript/src/styles/global.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use './everything' as *;
1+
@use "./everything" as *;
22

33
// generate all react-md styles with the custom theme
44
@include react-md-utils;

‎examples/gatsby/src/styles/_everything.scss‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
1-
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
// update these variables as needed for your app
4-
$rmd-theme-primary: $rmd-purple-500,
5-
$rmd-theme-secondary: $rmd-pink-a-200,
6-
$rmd-theme-light: true,
7-
8-
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9-
$rmd-utils-auto-dense: false,
10-
);
1+
@use "@react-md/theme/dist/color-palette" as *;
2+
@forward "react-md" with
3+
(
4+
// update these variables as needed for your app
5+
$rmd-theme-primary: $rmd-purple-500,
6+
$rmd-theme-secondary: $rmd-pink-a-200,
7+
$rmd-theme-light: true,
8+
$rmd-theme-dark-elevation: "prefers-color-scheme",
9+
$rmd-utils-auto-dense: false
10+
);

‎examples/gatsby/src/styles/global.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
@use './everything' as *;
1+
@use "./everything" as *;
22

33
// generate all react-md styles with the custom theme
44
@include react-md-utils;

‎examples/nextjs-typescript/src/_everything.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
// update these variables as needed for your app
4-
$rmd-theme-primary: $rmd-purple-500,
5-
$rmd-theme-secondary: $rmd-pink-a-200,
6-
$rmd-theme-light: true,
7-
8-
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9-
$rmd-utils-auto-dense: false,
10-
);
2+
@forward 'react-md' with
3+
(
4+
// update these variables as needed for your app
5+
$rmd-theme-primary: $rmd-purple-500,
6+
$rmd-theme-secondary: $rmd-pink-a-200,
7+
$rmd-theme-light: true,
8+
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9+
$rmd-utils-auto-dense: false
10+
);

‎examples/nextjs/src/_everything.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
// update these variables as needed for your app
4-
$rmd-theme-primary: $rmd-purple-500,
5-
$rmd-theme-secondary: $rmd-pink-a-200,
6-
$rmd-theme-light: true,
7-
8-
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9-
$rmd-utils-auto-dense: false,
10-
);
2+
@forward 'react-md' with
3+
(
4+
// update these variables as needed for your app
5+
$rmd-theme-primary: $rmd-purple-500,
6+
$rmd-theme-secondary: $rmd-pink-a-200,
7+
$rmd-theme-light: true,
8+
$rmd-theme-dark-elevation: 'prefers-color-scheme',
9+
$rmd-utils-auto-dense: false
10+
);

‎packages/documentation/src/_everything.scss‎

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,10 @@
11
@use '@react-md/theme/dist/color-palette' as *;
2-
@forward 'react-md' with (
3-
$rmd-theme-primary: $rmd-teal-500,
4-
$rmd-theme-secondary: $rmd-pink-a-200,
5-
$rmd-utils-auto-dense: true,
6-
);
2+
@forward 'react-md' with
3+
(
4+
$rmd-theme-primary: $rmd-teal-500,
5+
$rmd-theme-secondary: $rmd-pink-a-200,
6+
$rmd-utils-auto-dense: true
7+
);
78

89
$solarized-base-03: #002b36;
910
$solarized-base-02: #073642;

‎packages/documentation/src/components/ColorsAndTheming/OverridingDefaults.md‎

Lines changed: 20 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -34,28 +34,26 @@ First, create or update `src/_everything.scss`:
3434

3535
```scss
3636
@use "@react-md/theme/dist/color-palette" as *;
37-
@forward "react-md" with (
38-
$rmd-theme-light: false,
39-
// I am bad at colors and chose 2 random ones from https://flatuicolors.com/palette/defo
40-
// probably looks terrible so wouldn't recommend copying this example
41-
$rmd-theme-primary: #3498db,
42-
$rmd-theme-secondary: #d35400,
43-
44-
// make buttons bigger
45-
$rmd-button-text-horizontal-padding: 1.5rem,
46-
$rmd-button-text-border-radius: 0.25rem,
47-
$rmd-button-text-height: 3rem,
48-
49-
// add more padding to the base list
50-
$rmd-list-vertical-padding: 1rem,
51-
$rmd-list-dense-vertical-padding: 0.75rem,
52-
53-
// make each list item a bit more dense
54-
$rmd-list-item-height: 2.5rem,
55-
$rmd-list-item-dense-height: 2rem,
56-
$rmd-list-item-medium-height: 3rem,
57-
$rmd-list-item-dense-medium-height: 2.75rem,
58-
);
37+
@forward "react-md" with
38+
(
39+
$rmd-theme-light: false,
40+
// I am bad at colors and chose 2 random ones from https://flatuicolors.com/palette/defo
41+
// probably looks terrible so wouldn't recommend copying this example
42+
$rmd-theme-primary: #3498db,
43+
$rmd-theme-secondary: #d35400,
44+
// make buttons bigger
45+
$rmd-button-text-horizontal-padding: 1.5rem,
46+
$rmd-button-text-border-radius: 0.25rem,
47+
$rmd-button-text-height: 3rem,
48+
// add more padding to the base list
49+
$rmd-list-vertical-padding: 1rem,
50+
$rmd-list-dense-vertical-padding: 0.75rem,
51+
// make each list item a bit more dense
52+
$rmd-list-item-height: 2.5rem,
53+
$rmd-list-item-dense-height: 2rem,
54+
$rmd-list-item-medium-height: 3rem,
55+
$rmd-list-item-dense-medium-height: 2.75rem
56+
);
5957
```
6058

6159
Finally, update the root styles to import the react-md packages and generate the

0 commit comments

Comments
 (0)