Skip to content

docs(guide): theme scss path update (for beta 3) #3964

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Apr 8, 2017
Merged

docs(guide): theme scss path update (for beta 3) #3964

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions guides/theming.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ include all of the styles for core (styles common to all components), so you onl
single css file for Angular Material in your app.

You can include a theme file directly into your application from
`@angular/material/core/theming/prebuilt`
`@angular/material/prebuilt-themes`

Available pre-built themes:
* `deeppurple-amber.css`
Expand All @@ -35,12 +35,12 @@ Available pre-built themes:
If you're using Angular CLI, this is as simple as including one line
in your `styles.css` file:
```css
@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css';
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
```

Alternatively, you can just reference the file directly. This would look something like:
```html
<link href="node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
```
The actual path will depend on your server setup.

Expand Down Expand Up @@ -74,7 +74,7 @@ When you want more customization than a pre-built theme offers, you can create y
A theme file is a simple Sass file that defines your palettes and passes them to mixins that output
the corresponding styles. A typical theme file will look something like this:
```scss
@import '~@angular/material/core/theming/all-theme';
@import '~@angular/material/theming';
// Plus imports for other components in your app.

// Include the base styles for Angular Material core. We include this here so that you only
Expand Down