Letter Spacing

You can set global letter spacing that will be inherited by all text content.

vueless.config.{js,ts}

export default {
  letterSpacing: 0.025, /* default -> 0 (em) */
}

You can set any letter-spacing value in em units. We recommend using values between -0.05em and 0.1em for optimal readability.

Custom CSS variable

To implement letter spacing stylings, Vueless provides custom CSS variable, which applies directly to the body element. Feel free to use it in your components whenever you need consistent letter spacing across your project (if letter spacing for body will be overridden).

The variable: --vl-letter-spacing