Skip to content

Commit 6081e14

Browse files
mlaursenmlaursen
committed
chore(website): removed tilde from imports
1 parent c0f25f7 commit 6081e14

14 files changed

Lines changed: 40 additions & 40 deletions

File tree

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ Next, create a `src/App.scss` file to include all the `react-md` styles and
7575
import the `App.scss` file in the `src/App.js`:
7676

7777
```scss
78-
@import "~react-md/dist/scss/react-md";
78+
@import "react-md/dist/react-md";
7979

8080
// this will include all the styles from react-md
8181
@include react-md-utils;

‎packages/documentation/src/blogs/v2-release.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -443,7 +443,7 @@ variable:
443443
```scss
444444
$rmd-utils-enable-rtl: false;
445445

446-
@import "~react-md/dist/react-md";
446+
@import "react-md/dist/react-md";
447447
```
448448

449449
### Convenience Configuration and Context Provider Components

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ few values.
3838
First, create or update `src/_rmd-variable-overrides.scss`:
3939

4040
```scss
41-
@import "~@react-md/theme/dist/color-palette";
41+
@import "@react-md/theme/dist/color-palette";
4242

4343
$rmd-theme-light: false;
4444
// I am bad at colors and chose 2 random ones from https://flatuicolors.com/palette/defo
@@ -75,10 +75,10 @@ base styles:
7575
```scss
7676
@import "variables";
7777

78-
@import "~@react-md/button/dist/mixins";
79-
@import "~@react-md/theme/dist/mixins";
80-
@import "~@react-md/list/dist/mixins";
81-
@import "~@react-md/utils/dist/mixins";
78+
@import "@react-md/button/dist/mixins";
79+
@import "@react-md/theme/dist/mixins";
80+
@import "@react-md/list/dist/mixins";
81+
@import "@react-md/utils/dist/mixins";
8282

8383
@include react-md-utils;
8484
```

‎packages/documentation/src/components/Demos/Tooltip/DenseTooltips.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ My recommended way is using the media query approach along with the #utils
99
package:
1010

1111
```scss
12-
@import "~@react-md/tooltip/dist/mixins";
13-
@import "~@react-md/utils/dist/mixins";
12+
@import "@react-md/tooltip/dist/mixins";
13+
@import "@react-md/utils/dist/mixins";
1414

1515
:root {
1616
@rmd-utils-desktop-media {

‎packages/documentation/src/guides/advanced-installation.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -227,7 +227,7 @@ Next, include the font with the weights by using the
227227
`rmd-typography-host-google-font` mixin:
228228

229229
```scss
230-
@import "~@react-md/typography/dist/mixins";
230+
@import "@react-md/typography/dist/mixins";
231231

232232
@include rmd-typography-host-google-font;
233233
```
@@ -256,7 +256,7 @@ mv ~/Downloads/roboto src/fonts/roboto
256256
```
257257

258258
```scss
259-
@import "~@react-md/typography/dist/mixins";
259+
@import "@react-md/typography/dist/mixins";
260260

261261
@include rmd-typography-host-google-font(
262262
Roboto,
@@ -283,7 +283,7 @@ you'll use the `rmd-icon-host-material-icons` mixin from the #icon package
283283
instead.
284284

285285
```scss
286-
@import "~@react-md/icon/dist/mixins";
286+
@import "@react-md/icon/dist/mixins";
287287

288288
// if material icons are in `public/fonts/material-icons`
289289
@include rmd-icon-host-material-icons;

‎packages/documentation/src/guides/creating-a-new-app.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -133,7 +133,7 @@ Let's fix that by adding the base styles. Create a new file `src/App.scss` that
133133
will import the `react-md` scss library as well as generate the default styles:
134134

135135
```scss
136-
@import "~react-md/dist/react-md";
136+
@import "react-md/dist/react-md";
137137

138138
@include react-md-utils;
139139
```

‎packages/documentation/src/guides/customizing-your-theme.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ to create a `_variables.scss` file that can be imported into any of your other
2424
`src/_variables.scss`
2525

2626
```scss
27-
@import "~@react-md/theme/dist/color-palette";
27+
@import "@react-md/theme/dist/color-palette";
2828

2929
$rmd-theme-primary: $rmd-teal-500;
3030
$rmd-theme-secondary: $rmd-deep-orange-a-400;
@@ -34,7 +34,7 @@ $rmd-theme-secondary: $rmd-deep-orange-a-400;
3434

3535
```scss
3636
@import "./variables";
37-
@import "~react-md/dist/react-md";
37+
@import "react-md/dist/react-md";
3838

3939
@include react-md-utils;
4040
```
@@ -53,7 +53,7 @@ app.
5353
`src/_variables.scss`
5454

5555
```scss
56-
@import "~@react-md/theme/dist/color-palette";
56+
@import "@react-md/theme/dist/color-palette";
5757

5858
$rmd-theme-light: false;
5959
$rmd-theme-primary: $rmd-teal-500;
@@ -64,7 +64,7 @@ $rmd-theme-secondary: $rmd-deep-orange-a-400;
6464

6565
```scss
6666
@import "./variables";
67-
@import "~react-md/dist/react-md";
67+
@import "react-md/dist/everything";
6868

6969
@include react-md-utils;
7070
```
@@ -86,7 +86,7 @@ theme in their OS? Luckily, `react-md` provides `rmd-theme-light` and
8686
conditionally apply the dark theme.
8787

8888
```scss
89-
@import "~react-md/dist/react-md";
89+
@import "react-md/dist/everything";
9090

9191
@media (prefers-color-scheme: dark) {
9292
:root {

‎packages/documentation/src/guides/installation.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ base `react-md` styles. First, create a `src/index.scss` file and generate the
3434
styles:
3535

3636
```scss
37-
@import "~react-md/dist/react-md";
37+
@import "react-md/dist/react-md";
3838

3939
@include react-md-utils;
4040
```

‎packages/documentation/src/guides/scoped-packages.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -65,11 +65,11 @@ into your `.scss` file and use the `react-md-{{PACKAGE_NAME}}` mixin to generate
6565
the styles:
6666

6767
```scss
68-
@import "~@react-md/theme/dist/mixins";
69-
@import "~@react-md/typography/dist/mixins";
68+
@import "@react-md/theme/dist/mixins";
69+
@import "@react-md/typography/dist/mixins";
7070

7171
@include react-md-theme;
72-
@include react-md/typography;
72+
@include react-md-typography;
7373
```
7474

7575
Please read the [using the Sass exports] guide for more information about these

‎packages/documentation/src/guides/working-with-v1.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ the styles from `react-md@v1`:
6565
```scss
6666
$md-typography-extended: false;
6767

68-
@import "~react-md/src/scss/react-md";
68+
@import "react-md/src/scss/react-md";
6969

7070
// instead of calling `@include react-md-everything`, make sure
7171
// to include everything you need except for the
@@ -208,11 +208,11 @@ $rmd-theme-light-background: $md-light-theme-background-color;
208208
$rmd-theme-dark-background: $md-dark-theme-background-color;
209209

210210
// import all the installed @react-md/* packages in your app:
211-
@import "~@react-md/icon/dist/mixins";
212-
@import "~@react-md/states/dist/mixins";
213-
@import "~@react-md/theme/dist/mixins";
214-
@import "~@react-md/typography/dist/mixins";
215-
@import "~@react-md/utils/dist/mixins";
211+
@import "@react-md/icon/dist/mixins";
212+
@import "@react-md/states/dist/mixins";
213+
@import "@react-md/theme/dist/mixins";
214+
@import "@react-md/typography/dist/mixins";
215+
@import "@react-md/utils/dist/mixins";
216216

217217
// this is kind of the new `react-md-everything`. it conditionally does `@include react-md-PACKAGE`
218218
// for all the mixins that have been imported

0 commit comments

Comments
 (0)