Skip to content

Commit b1e5ff6

Browse files
devversionjelbourn
authored andcommitted
docs: fix package paths (#3966)
1 parent 449b882 commit b1e5ff6

File tree

3 files changed

+7
-6
lines changed

3 files changed

+7
-6
lines changed

CHANGELOG.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,7 @@ imports only the set of components actually used in the application.
4444
* Angular Material now depends on Angular 4.
4545
* Now that animations have been refactored into a separate package, users of `@angular/material`
4646
need to explicitly import `BrowserAnimationsModule` (or `NoopAnimationsModule`) from
47-
`@angular/package-browser/animations` as well as installing `@angular/animations`.
47+
`@angular/platform-browser/animations` as well as installing `@angular/animations`.
4848

4949

5050

guides/getting-started.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ Including a theme is **required** to apply all of the core and theme styles to y
6565
To get started with a prebuilt theme, include the following in your app's index.html:
6666

6767
```html
68-
<link href="node_modules/@angular/material/core/theming/prebuilt/indigo-pink.css" rel="stylesheet">
68+
<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
6969
```
7070

7171
Note that your app's project structure may have a different relative location for your node_modules.

guides/theming-your-components.md

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ All you need is to create a `@mixin` function in the custom-component-theme.scss
1414

1515
```scss
1616
// Import all the tools needed to customize the theme and extract parts of it
17-
@import '~@angular/material/core/theming/all-theme';
17+
@import '~@angular/material/theming';
1818

1919
// Define a mixin that accepts a theme and outputs the color styles for the component.
2020
@mixin candy-carousel-theme($theme) {
@@ -33,7 +33,7 @@ Now you just have to call the `@mixin` function to apply the theme:
3333

3434
```scss
3535
// Import a pre-built theme
36-
@import '~@angular/material/core/theming/prebuilt/deeppurple-amber';
36+
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
3737
// Import your custom input theme file so you can call the custom-input-theme function
3838
@import 'app/candy-carousel/candy-carousel-theme.scss';
3939

@@ -53,11 +53,12 @@ Styles that are affected by the theme should be placed in a separated theming fi
5353

5454

5555
## Using colors from a palette
56-
You can consume the theming functions from the `@angular/material/core/theming/theming` and Material palette vars from `@angular/material/core/theming/palette`. You can use the `mat-color` function to extract a specific color from a palette. For example:
56+
You can consume the theming functions and Material palette variables from `@angular/material/theming`.
57+
You can use the `mat-color` function to extract a specific color from a palette. For example:
5758

5859
```scss
5960
// Import theming functions
60-
@import '~@angular/material/core/theming/theming';
61+
@import '~@angular/material/theming';
6162
// Import your custom theme
6263
@import 'src/unicorn-app-theme.scss';
6364

0 commit comments

Comments
 (0)