chore: update readme

Author: leedom92

README.md

@@ -41,6 +41,20 @@ module.exports = {
 }
 ```
 
+## Tips
+
+1. Use `-dv-` instead of `/` to generate percentage
+2. Use `-` instead of `.`
+
+For example:
+``` html
+<!-- 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>
+```
+
 ## License
 
 [MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)

fixtures/styles/output.css

@@ -138,6 +138,10 @@
   width: 8rpx
 }
 
+.w-3-5 {
+  width: 28rpx
+}
+
 .max-w-20 {
   max-width: 160rpx
 }

packages/tailwindcss-miniprogram-preset/README.md

@@ -3,6 +3,7 @@
 [![npm](https://img.shields.io/npm/v/@leedomjs/tailwindcss-miniprogram-preset?color=333&label=)](https://www.npmjs.com/package/@leedomjs/tailwindcss-miniprogram-preset)
 
 This package is designed for miniprogram, and transforms `px` to  `rpx`.
+`0.25rem` = `4px` = `8rpx`
 
 ## Usage
 
@@ -40,6 +41,20 @@ module.exports = {
 }
 ```
 
+## Tips
+
+1. Use `-dv-` instead of `/` to generate percentage
+2. Use `-` instead of `.`
+
+For example:
+``` html
+<!-- 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>
+```
+
 ## License
 
 [MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)

packages/tailwindcss-preset/README.md

@@ -41,6 +41,20 @@ module.exports = {
 }
 ```
 
+## Tips
+
+1. Use `-dv-` instead of `/` to generate percentage
+2. Use `-` instead of `.`
+
+For example:
+``` html
+<!-- 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>
+```
+
 ## License
 
 [MIT](https://github.com/leedomjs/tailwindcss-preset/blob/main/LICENSE) License © 2024-present [Leedom](https://github.com/leedom92)