File tree Expand file tree Collapse file tree 2 files changed +23
-2
lines changed
getting-started/quickstart Expand file tree Collapse file tree 2 files changed +23
-2
lines changed Original file line number Diff line number Diff line change @@ -5,6 +5,8 @@ keyword: ThemingPage
55You can use the theme directive from tailwind to define any style related classes, such as the color
66palette, fonts, breakpoints, and more.
77
8+ Here is the ` primary ` color theme used for this documentation :
9+
810``` css
911@theme {
1012 /* Primary */
Original file line number Diff line number Diff line change @@ -12,7 +12,7 @@ Angular library.
1212Make sure that TailwindCSS is installed.
1313
1414``` bash
15- npm install tailwindcss
15+ npm install tailwindcss @tailwindcss/postcss postcss
1616```
1717
1818Install Flowbite as a dependency using NPM by running this command:
@@ -25,8 +25,27 @@ npm install flowbite-angular ng-primitives @ng-icons/core
2525
2626Make 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```
You can’t perform that action at this time.
0 commit comments