diff --git a/README.md b/README.md index 310cc99..036f4cd 100644 --- a/README.md +++ b/README.md @@ -6,25 +6,20 @@ A plugin for Tailwind CSS v3.2+ that provides utilities for container queries. Install the plugin from npm: -```sh -npm install -D @tailwindcss/container-queries +Install the plugin from npm: + +```shell +npm install -D @tailwindcss/typography ``` -Then add the plugin to your `tailwind.config.js` file: +Then add the plugin to your main `style.css` file: -```js -// tailwind.config.js -module.exports = { - theme: { - // ... - }, - plugins: [ - require('@tailwindcss/container-queries'), - // ... - ], -} +```diff + @import "tailwindcss"; ++ @plugin "@tailwindcss/typography"; ``` + ## Usage Start by marking an element as a container using the `@container` class, and then applying styles based on the size of that container using the container variants like `@md:`, `@lg:`, and `@xl:`: