14 lines
955 B
Vue
14 lines
955 B
Vue
<template>
|
|
<DocSectionText v-bind="$attrs">
|
|
<p>
|
|
The <i>@layer</i> is a standard CSS feature to define cascade layers for a customizable order of precedence. If you need to become more familiar with layers, visit the documentation at
|
|
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@layer" class="doc-link">MDN</a> to begin with.
|
|
</p>
|
|
<p>
|
|
The <i>cssLayer</i> is disabled by default, when it is enabled at theme configuration, PrimeVue wraps the built-in style classes under the <i>primevue</i> cascade layer to make the library styles easy to override. CSS in your app without
|
|
a layer has the highest CSS specificity, so you'll be able to override styles regardless of the location or how strong a class is written.
|
|
</p>
|
|
<p>Layers also make it easier to use CSS Modules, view the CSS Modules guide for examples.</p>
|
|
</DocSectionText>
|
|
</template>
|