Skip to content

Commit 9be80aa

Browse files
committed
add style flag!
1 parent 682c771 commit 9be80aa

File tree

1 file changed

+2
-37
lines changed

1 file changed

+2
-37
lines changed

README.md

Lines changed: 2 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -6,52 +6,17 @@ An _Angular_ implementation of the Carbon Design System
66
Assuming we're starting with a new @angular/cli project:
77

88
```shell
9-
$ npx @angular/cli new my-project
9+
$ npx @angular/cli new my-project --style=scss
1010
$ cd my-project
1111
$ npm i --save-dev carbon-components-angular carbon-components
1212
```
1313

14-
Then we need to rename `src/styles.css` to `src/styles.scss` and include carbon-components:
14+
Then we need to include carbon-components in `src/styles.css`:
1515

1616
```scss
1717
@import "~carbon-components/scss/globals/scss/styles.scss";
1818
```
1919

20-
And make sure the `angular.json` is configured to pick up our new file:
21-
22-
```javascript
23-
// ...
24-
"projects": {
25-
"demo-project": {
26-
"root": "",
27-
"sourceRoot": "src",
28-
"projectType": "application",
29-
"prefix": "app",
30-
"schematics": {},
31-
"architect": {
32-
"build": {
33-
"builder": "@angular-devkit/build-angular:browser",
34-
"options": {
35-
"outputPath": "dist/demo-project",
36-
"index": "src/index.html",
37-
"main": "src/main.ts",
38-
"polyfills": "src/polyfills.ts",
39-
"tsConfig": "src/tsconfig.app.json",
40-
"assets": [
41-
"src/favicon.ico",
42-
"src/assets"
43-
],
44-
"styles": [
45-
"src/styles.scss" // <-- this line specifically
46-
],
47-
}
48-
}
49-
}
50-
}
51-
}
52-
// ...
53-
```
54-
5520
_Finally_ we can run `npm start` and start building out our application!
5621

5722
> *Note:* This isn't the only way to bootstrap a `carbon-components-angular` application, but the combination of `@angular/cli` and the `carbon-components` is our recommended setup.

0 commit comments

Comments
 (0)