Rounding

You can specify rounding (border-radius) globally for all Vueless components.

vueless.config.js

export default {
  rounding: 6, /* default -> 8 (pixels) */
}

It may be possible to set any of value in pixels but we highly recommend stick to the Tailwind CSS border-radius values.

We use pixels measurement unit in config to make the setting more straightforward for developers, but under the hood the value always converts into rem.

Custom tailwind class

To implement dynamic rounding has been created custom Tailwind CSS class rounded-dynamic. So, feel free to add it into you components when you need to have same rounding somewhere in your project.