This package is designed for miniprogram, and transforms px to rpx.
0.25rem = 4px = 8rpx
pnpm add -D tailwindcss @leedomjs/tailwindcss-miniprogram-preset/** @type {import('tailwindcss').Config} */
const mp = require('@leedomjs/tailwindcss-miniprogram-preset')
module.exports = {
presets: [
/**
* You can also set an object param that contains a field called `enable`.
* `enable` defaults to `true`, setting `enable` be `false` will enable default config of tailwindcss and disable the preset meanwhile.
*
* mp({
* enable: false
* })
*/
mp(),
],
content: [...],
theme: {
extend: {},
},
plugins: [],
...
}- Use
-dv-instead of/to generate percentage - Use
-instead of.
For example:
<!-- w-1/2 = w-1-dv-2 -->
<div class="w-1/2 w-1-dv-2">hello, world.</div>
<!-- w-1.5 = w-1-5 -->
<div class="w-1.5 w-1-5">hello, world.</div>