v5.0.0

What's new

• Upgrade to RFS v10.0.0

v4.0.0

Breaking changes

This plugin no longer provides a set of predefined utilities like rfs-text-6xl. Instead, you can now add rfs as a variant to any of Tailwind's core plugins, which generates variants likerfs:text-6xl.

Upgrade Guide

Migrating to the new version should be pretty painless. Simply follow the following steps.

1. Remove the plugin's obsolete configuration

Before:

plugins: [
    require('tailwindcss-rfs')({
        prefix: 'rfs-',
        suffix: '',
        fontSizeUtilities: true,
        paddingUtilities: true,
        marginUtilities: true,
        widthUtilities: false,
        maxWidthUtilities: false,
        minWidthUtilities: false,
        heightUtilities: false,
        maxHeightUtilities: false,
        minHeightUtilities: false,
    }),
],

Now:

plugins: [
    require('tailwindcss-rfs')
],

2. Remove the plugin's obsolete variants

Before:

variants: {
    rfsFontSize: [...]
    rfsPadding: [...]
    rfsMargin: [...]
    rfsWidth: [...]
    rfsMaxWidth: [...]
    rfsMinWidth: [...]
    rfsHeight: [...]
    rfsMaxHeight: [...]
    rfsMinHeight: [...]
},

Now:

variants: {},

3. Make sure to activate potentially deactivated core plugins

Before:

corePlugins: {
    fontSize: false,
    padding: false,
    margin: false,
},

Now:

corePlugins: {},

4. Add the rfs variant to the desired core plugins

variants: {
    extend: {
        fontSize: ['rfs'],
        padding: ['rfs'],
        margin: ['rfs'],
    },
},

5. Search and replace all occurrences of rfs- and -rfs

• Replace rfs- with rfs:
• Replace -rfs with rfs:-

If you used a custom prefix or suffix make sure to search and replace those instead

v3.0.1

Fixed

• The prefix and suffix options now also work with padding

v3.0.0

Updated

• Upgraded Tailwind CSS to v1.2.0
• Make use of new plugin.withOptions API
• Updated dependencies

Breaking changes

• This plugin now requires Tailwind CSS v1.2.0 or later

v2.1.1

Updated

• Updated README.md and package.json

v2.1.0

Added

• Added the generation of utilitiy classes for width, maxWidth, minWidth, height, maxHeight and minHeight
• Added the option to disable the generation of utility classes for width, maxWidth, minWidth, height, maxHeight and minHeight
• Added variants for width, maxWidth, minWidth, height, maxHeight and minHeight

v2.0.0

Added

• Added a prefix option
• Added a suffixoption
• Added the generation of utilitiy classes for padding, margin and negativeMargin
• Added the option to disable the generation of utility classes for fontSize, padding and margin
• Added variants for fontSize, padding and margin

Breaking changes

• The font size class name changed from rfs-[key] to `rfs-text-[key] to follow the naming pattern of Tailwind

v1.0.0

Initial release