unocss-preset-rem-transform

Transform rem unit as you want by multiplication.

Due to the hardcode, base rem unit is always 0.25 .

If you'd like the base rem unit to be 1 which means p-1 => { padding : 1rem }, this preset can help you.

installation

pnpm i unocss-preset-rem-transform -D

config

// unocss.config.ts
import presetRemTransform from "unocss-preset-rem-transform"

export default defineConfig({
  // base rem unit would be 0.25 * 4 = 1
  presets: [presetRemTransform(4)],
})

Thanks :heart:

• @unocss/preset-rem-to-px

License

MIT