0.1.1 • Published 8 months ago

@tailwindcss/container-queries v0.1.1

Weekly downloads
-
License
MIT
Repository
github
Last release
8 months ago

@tailwindcss/container-queries

A plugin that provides utilities for container queries.

Installation

Install the plugin from npm:

npm install @tailwindcss/container-queries

Then add the plugin to your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@tailwindcss/container-queries'),
    // ...
  ],
}

Usage

TODO

Configuration

You can configure which values are available for this plugin under the containers key in your tailwind.config.js file:

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      containers: {
        xs: '(min-width: 20rem)',
        sm: '(min-width: 24rem)',
        md: '(min-width: 28rem)',
        lg: '(min-width: 32rem)',
        xl: '(min-width: 36rem)',
        // etc...
      }
    }
  },
}
ebcont-galaxy@vernaillen/nuxt3-baseav-themeecommerce4all-next@everything-registry/sub-chunk-892fastnuxtkeystroke-react-ui@ulld/native-components@toantranmei/mei-nuxt3-uifile-manager-nuxt@userspace-auth/jsots126xbesh-uisplendid-uivitnode-frontend@troychaplin79/ui-testing@troychaplin79/idc-tailwind@twistail/corekentzfy.sciquelkudu-ui-systemimgnx-pressgordy-ui-libmanolis-uikoro-tools@vef-framework/dev@xbeshui/core@webpros/tsxappheader@webpros/tsxappheadervue@webpros/tsxblocklist@webpros/tsxuserprofile@webpros/tsxuserprofilevue@wvkit/svui@tui-cruises/mein-schiff-web-tailwind-config@uncx/ui-library@ulld/tailwind@ulld/math@ulld/ui@u3u/tailwind-config@udixio/ui@toruslabs/vue-components@toantranmei/ui@tnm/gsp@tempoplatform/tpds@theguild/tailwind-config@tinacms/cli@trackunit/css-components@trackunit/iris-app-build-utilities@versini/ui-styles@virage-ui/tailwind-config@yaelg/nuxt-ui@test2flow/tip2flowaller-vue-ecom-pocadata-ui-v2atomicform-component-library@chup-hq/ui@goldenplanet/vebto-pixie@classon/components@classon/react@cloudmix-dev/tailwind@city-mattress/linters@graphdl/ui@77sol-ui/molecules@77sol-ui/organisms@4alldigital/foundation-ui--gamma@0xintuition/1ui@hanzo/lc-ui@aio-chat/client@agiflowai/frontend-web-theme@aiconomy/aico-store-locator@adahox/svelte-calendar-library@edgeandnode/gds@edusogno/ui@codefixlabs/tailwindcss@commonalityco/config-tailwind@connectacademic/tailwind@colisweb/rescript-toolkit@commandcenterio/convert-ui@algolia/satellite@alexandermann/ui-toolkit@cortexapps/plugin-core@cortexapps/react-plugin-ui@orchidui/online-store-themesxbeshui@douglasneuroinformatics/uimockline-edgestellar-uitw-resettgweb@baleada/prepare@bitcurve/reactor-tw-core@binhtranhuu/nuxt-ui@carletonuniversity/rds@choiceform/tailwind-preset@chainlink/components@chainlink/design-systemvue3-mloyalty-ui@infinitebrahmanuniverse/nolb-_tai@myevery/tailwind@netlify/tailwind-config@salfatigroup/tailwind-config