Reuse Classes not working

[ProfEibe]

I can't use the "reuse class" feature in my primeng application.

I'm using primeng 12 with the omega template. I wanted to add the following code to my style.scss file.

@import "../node_modules/primeflex/utils";

.myRow {
  @include styleclass('flex align-items-center py-2 px-2 border-top-1 surface-border flex-wrap');
}

sadly nothing is happening. while normally css updates get added immediately, this time nothing happens.
is there anything not compatible now?

[GeertHuls]

Same here, it doesn't do anything in conjunction with my angular (primeng) 12 app. I'm using the verona template btw.

[abinadi]

Same issue with primevue. Very frustrating.

[abinadi]

Note, I'm using primevue ^3.8.0, primeflex ^3.0.1, vue ^3.2.16, and vite ^2.6.4. And it still does not work. I've been waiting since the beginning of September. A bit surprised this issue doesn't even have someone assigned to it.

[TheTiGuR]

Just adding my own experience here:

Angular 12, PrimeNg, PrimeFlex, all fully updated as of today. Very simple project, just the main app module/component. Creating a styleclass as suggested in the documentation, it doesn't import any of the styles, but if I add additional styles, those DO show up. Project can be seen here: https://github.com/TheTiGuR/kooobingo

In this case I am trying to get all the various prime/primeflex styles into 1 so the component html is a touch less messy.

[cagataycivici]

Working on it.

[mertsincan]

Hi,

Could you please try it after adding primeflex/primeflex?

@import "../node_modules/primeflex/primeflex";
@import "../node_modules/primeflex/utils";

.myRow {
  @include styleclass('flex align-items-center py-2 px-2 border-top-1 surface-border flex-wrap');
}

It works fine for me on omega-ng.

[ProfEibe]

Do I understand correct, that with the latest update 3.1.0 it is implemented in the primeflex import directly and I don't have to import the utils library?