tw-mq-plugin-2 v1.0.0

Usage

A tailwind css plugin to add media queries in the opposite direction (max-width) so instead of having to apply styles like this:

<div className="hidden md:block">...</div>

You can do this:

<div className="-md:hidden">...</div>

Installation

First install the plugin:

npm install --save-dev tw-mq-plugin

Then add it to your tailwind config file:

const twMqPlugin = require("tw-mq-plugin");

module.exports = {
  //...
  plugins: [twMqPlugin],
};

For typescript users:

import twMqPlugin from "tw-mq-plugin";

export default {
  //...
  plugins: [twMqPlugin],
};