[Angular] Apply main app styles to external library

[mgohin]

Hi,

we have a specific architecture to show users same application from different portals.

All projects are made with Angular :

Common components project

• common-components (library)

The common-components contains all kind of components, like buttons, tables (...) that we share. We would like to use tailwind classes in this library.

Main project

• Portal (application)
  • Application (library)

The Application uses common-components as a dependency, and is built as an angular library. It'll use tailwind too. It's a graphic application (show informations, forms etc).

The portail do some stuff and uses Application (lazy loading with routing). We have 3 portals, and each has specific colors (main, secondary, text, alert ...).

We would like to bundle each portal separatly, without having a bundle of Application and common-components for each portal.
It already works like that without Tailwind, but with Tailwind we don't find a way to apply those colors to the common-components (because it's an external built library).

Any suggestions would be appreciated. We cannot change the architecture of those projects (but we can easily tweak common-components project).

Thanks

[mgohin]

I guess we misunderstood some point, we removed a @apply in a .scss in our common-components, and style are well applied to every component if we use tailwind css class (like text-primary)