Back to Unocss

rem to px preset

docs/presets/rem-to-px.md

66.6.8921 B
Original Source

Rem to px preset

Converts rem to px for all utilities.

Source Code

Installation

::: code-group

bash
pnpm add -D @unocss/preset-rem-to-px
bash
yarn add -D @unocss/preset-rem-to-px
bash
npm install -D @unocss/preset-rem-to-px
bash
bun add -D @unocss/preset-rem-to-px

:::

ts
import presetRemToPx from '@unocss/preset-rem-to-px'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    presetRemToPx(),
    // ...other presets
  ],
})

Usage

html
<div class="m-2"></div>

::: code-group

css
.m-2 {
  margin: 0.5rem;
}
css
.m-2 {
  margin: 8px;
}

:::

Options

baseFontSize

  • Type: number
  • Default: 16

The base font size to convert rem to px (1rem = n px).