Skip to content

Commit 1a603b3

Browse files
committed
docs: add quickstart sections postcss and tailwind config
1 parent 3b6415c commit 1a603b3

File tree

2 files changed

+23
-2
lines changed

2 files changed

+23
-2
lines changed

apps/docs/docs/customize/theming/index.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,8 @@ keyword: ThemingPage
55
You can use the theme directive from tailwind to define any style related classes, such as the color
66
palette, fonts, breakpoints, and more.
77

8+
Here is the `primary` color theme used for this documentation :
9+
810
```css
911
@theme {
1012
/* Primary */

apps/docs/docs/getting-started/quickstart/index.md

Lines changed: 21 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ Angular library.
1212
Make sure that TailwindCSS is installed.
1313

1414
```bash
15-
npm install tailwindcss
15+
npm install tailwindcss @tailwindcss/postcss postcss
1616
```
1717

1818
Install Flowbite as a dependency using NPM by running this command:
@@ -25,8 +25,27 @@ npm install flowbite-angular ng-primitives @ng-icons/core
2525

2626
Make sure to use the flowbite-angular configuration preset in your styles.css
2727

28+
> **Note** If your `node_modules` folder is located above the parent directory (e.g., in a monorepo
29+
> setup), you may need to adjust the path with additional `../` to correctly reference it, such as
30+
> `@source "../../../node_modules/flowbite-angular";`.
31+
2832
```css
2933
@import 'tailwindcss';
3034

31-
@source "node_modules/flowbite-angular";
35+
@source "../node_modules/flowbite-angular";
36+
```
37+
38+
> **Note** If you want a working `primary` color definition, see `*ThemingPage` page
39+
40+
## PostCSS configuration
41+
42+
Create a `postcss.config.json` file in the root of your project and add the `@tailwindcss/postcss`
43+
plugin to your PostCSS configuration.
44+
45+
```json
46+
{
47+
"plugins": {
48+
"@tailwindcss/postcss": {}
49+
}
50+
}
3251
```

0 commit comments

Comments
 (0)