Skip to content

Commit

Permalink
Update consuming.md (#3769)
Browse files Browse the repository at this point in the history
* Path has changed and the wiki has not been updated.
  • Loading branch information
Joanes04 authored Jul 20, 2020
1 parent f9b864a commit d640c9c
Showing 1 changed file with 6 additions and 6 deletions.
12 changes: 6 additions & 6 deletions wiki/consuming.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,22 +62,22 @@ import '@elastic/eui/dist/eui_theme_light.css';
If you want access to the Sass variables, functions, and mixins in EUI then you'll need to import the Sass files. This will require `style`, `css`, `postcss`, and `sass` loaders. You'll also want to import the Sass file into one of your own Sass files, to gain access to these variables, functions, and mixins.

```scss
@import '@elastic/eui/src/theme/eui/eui_colors_light.scss';
@import '@elastic/eui/src/theme/eui/eui_global.scss';
@import '@elastic/eui/src/themes/eui/eui_colors_light.scss';
@import '@elastic/eui/src/themes/eui/eui_global.scss';
```

For the dark theme, import the dark colors file before the globals.

```scss
@import '@elastic/eui/src/theme/eui/eui_colors_dark.scss';
@import '@elastic/eui/src/theme/eui/eui_global.scss';
@import '@elastic/eui/src/themes/eui/eui_colors_dark.scss';
@import '@elastic/eui/src/themes/eui/eui_global.scss';
```

If you want to use new, but in progress Amsterdam theme, you can import it similarly.

```scss
@import '@elastic/eui/src/theme/eui_amsterdam/eui_amsterdam_colors_light.scss';
@import '@elastic/eui/src/theme/eui_amsterdam/eui_amsterdam_global.scss';
@import '@elastic/eui/src/themes/eui_amsterdam/eui_amsterdam_colors_light.scss';
@import '@elastic/eui/src/themes/eui_amsterdam/eui_amsterdam_global.scss';
```


Expand Down

0 comments on commit d640c9c

Please sign in to comment.