Upgraded from Freya 12.2 to Freya 14.0 - Styles are missing

[aaronb]

Hi,

I am trying to update my freya 12.2 based project to the newer freya-14.0 library. I was able to port everything over to the 14.0 libraries and successfully run "ng build". I copied the /src/assets/layout, sass, and theme folders from the freya-14 codebase to my project.

The issue is with the layout and missing class definitions. In inspecting the two different versions I noticed, some primeng classes defined in the freya 12-based version and not defined in the freya 14-based version.

Example for the DOM element:

<span class="p-m-4">
<button ...>
</span>

Freya 12-based version in the debugger has

.p-m-4 defined

Freya 14-based version in the debugger has

no .p-m-4 class defined

I did do a wipe of the node_modules folder and ran npm install with the new packages identified in your freya-14 template.

Thanks,

Aaron

[aaronb]

I noticed the old PrimeFlex 2.0.0 library has the file src/_margin.scss where that class is defined whereas PrimeFlex 3.2.0 library does not have _margin.scss file at all.

Did the p-m-* classes get removed?

[aaronb]

I discovered the issue. Did not realize PrimeFlex 3.0 class names changed from PrimeFlex 2.0. Its working now, just need to finish changing those class names everywhere.

[cetincakiroglu]

Hi,

I'm glad you solved the problem, It's been a long time since we removed p- prefix from the classes with PrimeFlex v3+

Regards