UnoCSSRem to px preset
Converts rem to px for all utilities.
Installation
bash
pnpm add -D @unocss/preset-rem-to-pxpnpm add -D @unocss/preset-rem-to-pxbash
yarn add -D @unocss/preset-rem-to-pxyarn add -D @unocss/preset-rem-to-pxbash
npm install -D @unocss/preset-rem-to-pxnpm install -D @unocss/preset-rem-to-pxts
// uno.config.ts
import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'
export default defineConfig({
presets: [
presetRemToPx(),
// ...other presets
],
})// uno.config.ts
import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'
export default defineConfig({
presets: [
presetRemToPx(),
// ...other presets
],
})Usage
html
<div class="m-2"></div><div class="m-2"></div>css
.m-2 {
margin: 0.5rem;
}.m-2 {
margin: 0.5rem;
}css
.m-2 {
margin: 8px;
}.m-2 {
margin: 8px;
}Options
baseFontSize
- Type:
number - Default:
16
The base font size to convert rem to px (1rem = n px).