Text styling

[JeromeK]

Hey Guys
Quick question when using the primeblocks or prime in general, the p elements are not style. Is this intended to add ".p-component"? (using nuxt3) all the components seems to be okay but for some reason the other elements are not catching up with the css
As you can see it only works when adding the utility class

Code: Select all

import { defineNuxtConfig } from "nuxt3";

export default defineNuxtConfig({
  buildModules: ["@pinia/nuxt"],
  css: [
    "primeflex/primeflex.css",
    "primevue/resources/themes/vela-blue/theme.css",
    "primevue/resources/primevue.css",
    "primeicons/primeicons.css",
  ],
});

Code: Select all

<p class="p-component">Styling works </p>
<p class="text-600 line-height-3 mt-0 mb-6">Font does not work but primeflex</p>
<Button label="Button works aswell" icon="pi pi-user" class="w-full"></Button>

i got it working like this but why do I have to do this extra step, instead of been handled by the css files / themes etc

Code: Select all

<style>
body {
  background-color: var(--surface-b);
  font-family: var(--font-family);
  color: var(--text-color);
}
</style>

[tugce.kucukoglu]

Themes gives styles for components not whole app. But the variables of the themes could be easily used for the app.