Skip to content

Commit 886b5c3

Browse files
dkosasihalexeagle
authored andcommitted
docs: add documentation for using font awesome and scss
fixes #10861
1 parent 2326850 commit 886b5c3

File tree

1 file changed

+20
-2
lines changed

1 file changed

+20
-2
lines changed

docs/documentation/stories/include-font-awesome.md

+20-2
Original file line numberDiff line numberDiff line change
@@ -23,13 +23,31 @@ To add Font Awesome CSS icons to your app...
2323
"build": {
2424
"options": {
2525
"styles": [
26-
"../node_modules/font-awesome/css/font-awesome.css"
27-
"styles.css"
26+
"../node_modules/font-awesome/css/font-awesome.css",
27+
"src/styles.css"
2828
],
2929
}
3030
}
3131
```
3232
### Using SASS
33+
Create new project with SASS:
34+
```
35+
ng new cli-app --style=scss
36+
```
37+
To use with existing project with `CSS`:
38+
1. Rename `src/styles.css` to `src/styles.scss`
39+
2. Change `angular.json` to look for `styles.scss` instead of css:
40+
```
41+
// in angular.json
42+
"build": {
43+
"options": {
44+
"styles": [
45+
"src/styles.scss"
46+
],
47+
}
48+
}
49+
```
50+
Make sure to change `styles.css` to `styles.scss`.
3351

3452
Create an empty file _variables.scss in src/.
3553

0 commit comments

Comments
 (0)