primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
10.84k stars 1.24k forks source link

Better compatability with CSS libraries like Tailwind, Bootstrap #6822

Closed cagataycivici closed 4 days ago

cagataycivici commented 4 days ago

CSS libraries mainly use reset css that has an effect on PrimeVue CSS like, we should add the following for better compate;

Box-sizing for Pseudo Tailwind and Bootstrap adds box-sizing to before and after as well, we only have it for *.

*,
::before,
::after {
    box-sizing: border-box;
}

line-height For now, we can treat line-height as font-family, where PrimeVue components retrieve it from the document setting since it is inherited. In the future we can add a line-height token. Tailwind and Bootstrap set it as 1.5 which may break some components.