Rem to px preset

모든 유틸리티의 rem을 px로 변환합니다.

소스 코드

설치

pnpm

pnpm add -D @unocss/preset-rem-to-px

yarn

yarn add -D @unocss/preset-rem-to-px

npm

npm install -D @unocss/preset-rem-to-px

bun

bun add -D @unocss/preset-rem-to-px

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

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

사용법

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

사용하지 않음

.m-2 {
  margin: 0.5rem;
}

사용함

.m-2 {
  margin: 8px;
}

옵션

baseFontSize

• 타입: number
• 기본값: 16

rem을 px로 변환할 기준 폰트 크기 (1rem = n px).