Skip to content

Commit b908c0a

Browse files
jounivaadin-bot
authored andcommitted
Update Tailwind compiler explanation in utility classes (#5433)
Clarified the Tailwind compiler process and its limitations regarding class names in the browser inspector.
1 parent 09ef338 commit b908c0a

File tree

1 file changed

+3
-1
lines changed

1 file changed

+3
-1
lines changed

articles/styling/utility-classes.adoc

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,9 @@ warningBox.addClassNames("bg-orange-400 p-20");
6969

7070
A complete list of Tailwind utility classes is available in the link:https://tailwindcss.com/[Tailwind CSS documentation,window=_blank].
7171

72-
When enabled, the Vaadin build process feeds all source files through the Tailwind compiler that collects all Tailwind class names used in them and compiles a static stylesheet that contains CSS only for the identified class names.
72+
.Class names need to be present in the source code.
73+
[IMPORTANT]
74+
When enabled, the Vaadin build process feeds all source files through the Tailwind compiler. The compiler then collects all Tailwind class names used in the source files and compiles a static stylesheet that contains CSS only for the identified class names. That means you can't use any other class names in the browser inspector, for example, when degugging or testing in the browser.
7375

7476
== Lumo Utility Classes
7577

0 commit comments

Comments
 (0)