Upgrade to RFS v10.0.0 #25

README.md

@@ -7,14 +7,15 @@
 This plugin generates RFS variants of Tailwind utility classes.
 
 ## Requirements
+
 This plugin requires a working PostCSS setup of the [RFS PostCSS plugin](https://github.com/twbs/rfs). You can check out the `webpack.mix.js` file for a working setup using Laravel Mix.
 
 ## Installation
+
 ```
 npm install tailwindcss-rfs
 ```
 
-## Usage
 Add `tailwindcss-rfs` to the plugins array of your Tailwind config:
 
 ```js
@@ -25,29 +26,12 @@ module.exports = {
 }
 ```
 
-If you are running a Tailwind CSS version `lower than v3.0`, you also have to add the `rfs` variant to the desired core plugins:
-
-```js
-// tailwind.config.js
-
-module.exports = {
-    variants: {
-        extend: {
-            fontSize: ['rfs'],
-            padding: ['rfs'],
-            margin: ['rfs'],
-            gap: ['rfs'],
-        },
-    },
-    plugins: [
-        require('tailwindcss-rfs')
-    ],
-}
-```
+## Usage
 
-Simply apply the `rfs` variant to any sizing utility. This will pass utility's value to the `rfs()` function and output the processed value.
+Simply apply the `rfs` variant to any sizing utility. This will pass the utility's value to the `rfs()` function and output the processed value.
 
 **Template:**
+
 ```html
 <div class="rfs:p-24">
     <p class="rfs:text-6xl">This text resizes magically!</p>
@@ -67,7 +51,7 @@ Simply apply the `rfs` variant to any sizing utility. This will pass utility's v
 }
 ```
 
-If you are on Tailwind CSS `3.0+` you may also stack the `rfs` variant with other variants like `hover`:
+You can also stack the `rfs` variant with other variants like `hover`:
 
 ```html
 <div class="rfs:p-24 hover:rfs:p-20">