Setting the file. One moment.
Subchapter 10.14
references/preset-rem-to-px.mdMarkdown2 KBView on GitHub
Transforms all rem values to px:
<div class="p-4">Without preset:
.p-4 { padding: 1rem; }With preset:
.p-4 { padding: 16px; }presetRemToPx({
// Base font size for conversion (default: 16)
baseFontSize: 16,
})Custom base:
presetRemToPx({
baseFontSize: 14, // 1rem = 14px
})Note: presetRemToPx is not needed with preset-wind4. Use the built-in processor instead:
import { createRemToPxProcessor } from '@unocss/preset-wind4/utils'
export default defineConfig({
presets: [
presetWind4({
preflights: {
theme: {
process: createRemToPxProcessor(),
}
},
}),
],
// Also apply to utilities
postprocess: [createRemToPxProcessor()],
})