# Tailwind

> Documentation corpus for Tailwind. 194 pages.

## Concept Index

- **on this page** — [`tailwind/docs/gap/index.md`](tailwind/docs/gap/index.md)
- **examplesexamples** — [`tailwind/docs/clear/index.md`](tailwind/docs/clear/index.md)
- **responsive designresponsive-design** — [`tailwind/docs/clear/index.md`](tailwind/docs/clear/index.md)
- **basic examplebasic-example** — [`tailwind/docs/color/index.md`](tailwind/docs/color/index.md)
- **using a custom valueusing-a-custom-value** — [`tailwind/docs/color/index.md`](tailwind/docs/color/index.md)
- **customizing your themecustomizing-your-theme** — [`tailwind/docs/color/index.md`](tailwind/docs/color/index.md)
- **using a percentageusing-a-percentage** — [`tailwind/docs/width/index.md`](tailwind/docs/width/index.md)
- **using logical propertiesusing-logical-properties** — [`tailwind/docs/clear/index.md`](tailwind/docs/clear/index.md)
- **using negative valuesusing-negative-values** — [`tailwind/docs/scale/index.md`](tailwind/docs/scale/index.md)
- **changing the opacitychanging-the-opacity** — [`tailwind/docs/color/index.md`](tailwind/docs/color/index.md)
- **overviewoverview** — [`tailwind/docs/theme/index.md`](tailwind/docs/theme/index.md)
- **using the container scaleusing-the-container-scale** — [`tailwind/docs/width/index.md`](tailwind/docs/width/index.md)
- **setting the shadow colorsetting-the-shadow-color** — [`tailwind/docs/box-shadow/index.md`](tailwind/docs/box-shadow/index.md)
- **applying on hoverapplying-on-hover** — [`tailwind/docs/color/index.md`](tailwind/docs/color/index.md)
- **using arbitrary valuesusing-arbitrary-values** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **autoauto** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **startstart** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **centercenter** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **endend** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **stretchstretch** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **matching viewportmatching-viewport** — [`tailwind/docs/height/index.md`](tailwind/docs/height/index.md)
- **matching dynamic viewportmatching-dynamic-viewport** — [`tailwind/docs/height/index.md`](tailwind/docs/height/index.md)
- **matching large viewportmatching-large-viewport** — [`tailwind/docs/height/index.md`](tailwind/docs/height/index.md)
- **matching small viewportmatching-small-viewport** — [`tailwind/docs/height/index.md`](tailwind/docs/height/index.md)
- **individual sidesindividual-sides** — [`tailwind/docs/border-color/index.md`](tailwind/docs/border-color/index.md)
- **horizontal and vertical sideshorizontal-and-vertical-sides** — [`tailwind/docs/border-color/index.md`](tailwind/docs/border-color/index.md)
- **targeting dark modetargeting-dark-mode** — [`tailwind/docs/colors/index.md`](tailwind/docs/colors/index.md)
- **starting and ending linesstarting-and-ending-lines** — [`tailwind/docs/grid-row/index.md`](tailwind/docs/grid-row/index.md)
- **setting both width and heightsetting-both-width-and-height** — [`tailwind/docs/width/index.md`](tailwind/docs/width/index.md)
- **matching the viewportmatching-the-viewport** — [`tailwind/docs/width/index.md`](tailwind/docs/width/index.md)
- **installing tailwind css as a vite plugin** — [`tailwind/docs/installation/index.md`](tailwind/docs/installation/index.md)
- **normalnormal** — [`tailwind/docs/word-break/index.md`](tailwind/docs/word-break/index.md)
- **accent-color** — [`tailwind/docs/accent-color/index.md`](tailwind/docs/accent-color/index.md)
- **arbitrary propertiesarbitrary-properties** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **arbitrary variantsarbitrary-variants** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **handling whitespacehandling-whitespace** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **resolving ambiguitiesresolving-ambiguities** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **using custom cssusing-custom-css** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **adding base stylesadding-base-styles** — [`tailwind/docs/adding-custom-styles/index.md`](tailwind/docs/adding-custom-styles/index.md)
- **align-content** — [`tailwind/docs/align-content/index.md`](tailwind/docs/align-content/index.md)
- **align-items** — [`tailwind/docs/align-items/index.md`](tailwind/docs/align-items/index.md)
- **baselinebaseline** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **last baselinelast-baseline** — [`tailwind/docs/align-self/index.md`](tailwind/docs/align-self/index.md)
- **adding a spin animationadding-a-spin-animation** — [`tailwind/docs/animation/index.md`](tailwind/docs/animation/index.md)
- **adding a ping animationadding-a-ping-animation** — [`tailwind/docs/animation/index.md`](tailwind/docs/animation/index.md)
- **adding a pulse animationadding-a-pulse-animation** — [`tailwind/docs/animation/index.md`](tailwind/docs/animation/index.md)
- **adding a bounce animationadding-a-bounce-animation** — [`tailwind/docs/animation/index.md`](tailwind/docs/animation/index.md)
- **supporting reduced motionsupporting-reduced-motion** — [`tailwind/docs/animation/index.md`](tailwind/docs/animation/index.md)
- **removing default appearanceremoving-default-appearance** — [`tailwind/docs/appearance/index.md`](tailwind/docs/appearance/index.md)
- **restoring default appearancerestoring-default-appearance** — [`tailwind/docs/appearance/index.md`](tailwind/docs/appearance/index.md)

## Pages by Area

### docs
- [accent-color](tailwind/docs/accent-color/index.md)
- [Adding custom styles](tailwind/docs/adding-custom-styles/index.md)
- [align-content](tailwind/docs/align-content/index.md)
- [align-items](tailwind/docs/align-items/index.md)
- [align-self](tailwind/docs/align-self/index.md)
- [animation](tailwind/docs/animation/index.md)
- [appearance](tailwind/docs/appearance/index.md)
- [aspect-ratio](tailwind/docs/aspect-ratio/index.md)
- [backdrop-filter](tailwind/docs/backdrop-filter/index.md)
- [backdrop-filter: blur()](tailwind/docs/backdrop-filter-blur/index.md)
- [backdrop-filter: brightness()](tailwind/docs/backdrop-filter-brightness/index.md)
- [backdrop-filter: contrast()](tailwind/docs/backdrop-filter-contrast/index.md)
- [backdrop-filter: grayscale()](tailwind/docs/backdrop-filter-grayscale/index.md)
- [backdrop-filter: hue-rotate()](tailwind/docs/backdrop-filter-hue-rotate/index.md)
- [backdrop-filter: invert()](tailwind/docs/backdrop-filter-invert/index.md)
- [backdrop-filter: opacity()](tailwind/docs/backdrop-filter-opacity/index.md)
- [backdrop-filter: saturate()](tailwind/docs/backdrop-filter-saturate/index.md)
- [backdrop-filter: sepia()](tailwind/docs/backdrop-filter-sepia/index.md)
- [backface-visibility](tailwind/docs/backface-visibility/index.md)
- [background-attachment](tailwind/docs/background-attachment/index.md)
- [background-blend-mode](tailwind/docs/background-blend-mode/index.md)
- [background-clip](tailwind/docs/background-clip/index.md)
- [background-color](tailwind/docs/background-color/index.md)
- [background-image](tailwind/docs/background-image/index.md)
- [background-origin](tailwind/docs/background-origin/index.md)
- [background-position](tailwind/docs/background-position/index.md)
- [background-repeat](tailwind/docs/background-repeat/index.md)
- [background-size](tailwind/docs/background-size/index.md)
- [block-size](tailwind/docs/block-size/index.md)
- [border-collapse](tailwind/docs/border-collapse/index.md)
- [border-color](tailwind/docs/border-color/index.md)
- [border-radius](tailwind/docs/border-radius/index.md)
- [border-spacing](tailwind/docs/border-spacing/index.md)
- [border-style](tailwind/docs/border-style/index.md)
- [border-width](tailwind/docs/border-width/index.md)
- [box-decoration-break](tailwind/docs/box-decoration-break/index.md)
- [box-shadow](tailwind/docs/box-shadow/index.md)
- [box-sizing](tailwind/docs/box-sizing/index.md)
- [break-after](tailwind/docs/break-after/index.md)
- [break-before](tailwind/docs/break-before/index.md)
- [break-inside](tailwind/docs/break-inside/index.md)
- [caption-side](tailwind/docs/caption-side/index.md)
- [caret-color](tailwind/docs/caret-color/index.md)
- [clear](tailwind/docs/clear/index.md)
- [color](tailwind/docs/color/index.md)
- [color-scheme](tailwind/docs/color-scheme/index.md)
- [Colors](tailwind/docs/colors/index.md)
- [columns](tailwind/docs/columns/index.md)
- [Compatibility](tailwind/docs/compatibility/index.md)
- [content](tailwind/docs/content/index.md)
- [cursor](tailwind/docs/cursor/index.md)
- [Dark mode](tailwind/docs/dark-mode/index.md)
- [Detecting classes in source files](tailwind/docs/detecting-classes-in-source-files/index.md)
- [display](tailwind/docs/display/index.md)
- [Editor setup](tailwind/docs/editor-setup/index.md)
- [field-sizing](tailwind/docs/field-sizing/index.md)
- [fill](tailwind/docs/fill/index.md)
- [filter](tailwind/docs/filter/index.md)
- [filter: blur()](tailwind/docs/filter-blur/index.md)
- [filter: brightness()](tailwind/docs/filter-brightness/index.md)
- [filter: contrast()](tailwind/docs/filter-contrast/index.md)
- [filter: drop-shadow()](tailwind/docs/filter-drop-shadow/index.md)
- [filter: grayscale()](tailwind/docs/filter-grayscale/index.md)
- [filter: hue-rotate()](tailwind/docs/filter-hue-rotate/index.md)
- [filter: invert()](tailwind/docs/filter-invert/index.md)
- [filter: saturate()](tailwind/docs/filter-saturate/index.md)
- [filter: sepia()](tailwind/docs/filter-sepia/index.md)
- [flex](tailwind/docs/flex/index.md)
- [flex-basis](tailwind/docs/flex-basis/index.md)
- [flex-direction](tailwind/docs/flex-direction/index.md)
- [flex-grow](tailwind/docs/flex-grow/index.md)
- [flex-shrink](tailwind/docs/flex-shrink/index.md)
- [flex-wrap](tailwind/docs/flex-wrap/index.md)
- [float](tailwind/docs/float/index.md)
- [font-family](tailwind/docs/font-family/index.md)
- [font-feature-settings](tailwind/docs/font-feature-settings/index.md)
- [font-size](tailwind/docs/font-size/index.md)
- [font-smoothing](tailwind/docs/font-smoothing/index.md)
- [font-stretch](tailwind/docs/font-stretch/index.md)
- [font-style](tailwind/docs/font-style/index.md)
- [font-variant-numeric](tailwind/docs/font-variant-numeric/index.md)
- [font-weight](tailwind/docs/font-weight/index.md)
- [forced-color-adjust](tailwind/docs/forced-color-adjust/index.md)
- [Functions and directives](tailwind/docs/functions-and-directives/index.md)
- [gap](tailwind/docs/gap/index.md)
- [grid-auto-columns](tailwind/docs/grid-auto-columns/index.md)
- [grid-auto-flow](tailwind/docs/grid-auto-flow/index.md)
- [grid-auto-rows](tailwind/docs/grid-auto-rows/index.md)
- [grid-column](tailwind/docs/grid-column/index.md)
- [grid-row](tailwind/docs/grid-row/index.md)
- [grid-template-columns](tailwind/docs/grid-template-columns/index.md)
- [grid-template-rows](tailwind/docs/grid-template-rows/index.md)
- [height](tailwind/docs/height/index.md)
- [Hover, focus, and other states](tailwind/docs/hover-focus-and-other-states/index.md)
- [hyphens](tailwind/docs/hyphens/index.md)
- [inline-size](tailwind/docs/inline-size/index.md)
- [Get started with Tailwind CSS](tailwind/docs/installation/index.md)
- [Get started with Tailwind CSS](tailwind/docs/installation/using-vite/index.md)
- [isolation](tailwind/docs/isolation/index.md)
- [justify-content](tailwind/docs/justify-content/index.md)
- [justify-items](tailwind/docs/justify-items/index.md)
- [justify-self](tailwind/docs/justify-self/index.md)
- [letter-spacing](tailwind/docs/letter-spacing/index.md)
- [line-clamp](tailwind/docs/line-clamp/index.md)
- [line-height](tailwind/docs/line-height/index.md)
- [list-style-image](tailwind/docs/list-style-image/index.md)
- [list-style-position](tailwind/docs/list-style-position/index.md)
- [list-style-type](tailwind/docs/list-style-type/index.md)
- [margin](tailwind/docs/margin/index.md)
- [mask-clip](tailwind/docs/mask-clip/index.md)
- [mask-composite](tailwind/docs/mask-composite/index.md)
- [mask-image](tailwind/docs/mask-image/index.md)
- [mask-mode](tailwind/docs/mask-mode/index.md)
- [mask-origin](tailwind/docs/mask-origin/index.md)
- [mask-position](tailwind/docs/mask-position/index.md)
- [mask-repeat](tailwind/docs/mask-repeat/index.md)
- [mask-size](tailwind/docs/mask-size/index.md)
- [mask-type](tailwind/docs/mask-type/index.md)
- [max-block-size](tailwind/docs/max-block-size/index.md)
- [max-height](tailwind/docs/max-height/index.md)
- [max-inline-size](tailwind/docs/max-inline-size/index.md)
- [max-width](tailwind/docs/max-width/index.md)
- [min-block-size](tailwind/docs/min-block-size/index.md)
- [min-height](tailwind/docs/min-height/index.md)
- [min-inline-size](tailwind/docs/min-inline-size/index.md)
- [min-width](tailwind/docs/min-width/index.md)
- [mix-blend-mode](tailwind/docs/mix-blend-mode/index.md)
- [object-fit](tailwind/docs/object-fit/index.md)
- [object-position](tailwind/docs/object-position/index.md)
- [opacity](tailwind/docs/opacity/index.md)
- [order](tailwind/docs/order/index.md)
- [outline-color](tailwind/docs/outline-color/index.md)
- [outline-offset](tailwind/docs/outline-offset/index.md)
- [outline-style](tailwind/docs/outline-style/index.md)
- [outline-width](tailwind/docs/outline-width/index.md)
- [overflow](tailwind/docs/overflow/index.md)
- [overflow-wrap](tailwind/docs/overflow-wrap/index.md)
- [overscroll-behavior](tailwind/docs/overscroll-behavior/index.md)
- [padding](tailwind/docs/padding/index.md)
- [perspective](tailwind/docs/perspective/index.md)
- [perspective-origin](tailwind/docs/perspective-origin/index.md)
- [place-content](tailwind/docs/place-content/index.md)
- [place-items](tailwind/docs/place-items/index.md)
- [place-self](tailwind/docs/place-self/index.md)
- [pointer-events](tailwind/docs/pointer-events/index.md)
- [position](tailwind/docs/position/index.md)
- [Preflight](tailwind/docs/preflight/index.md)
- [resize](tailwind/docs/resize/index.md)
- [Responsive design](tailwind/docs/responsive-design/index.md)
- [rotate](tailwind/docs/rotate/index.md)
- [scale](tailwind/docs/scale/index.md)
- [scroll-behavior](tailwind/docs/scroll-behavior/index.md)
- [scroll-margin](tailwind/docs/scroll-margin/index.md)
- [scroll-padding](tailwind/docs/scroll-padding/index.md)
- [scroll-snap-align](tailwind/docs/scroll-snap-align/index.md)
- [scroll-snap-stop](tailwind/docs/scroll-snap-stop/index.md)
- [scroll-snap-type](tailwind/docs/scroll-snap-type/index.md)
- [skew](tailwind/docs/skew/index.md)
- [stroke](tailwind/docs/stroke/index.md)
- [stroke-width](tailwind/docs/stroke-width/index.md)
- [Styling with utility classes](tailwind/docs/styling-with-utility-classes/index.md)
- [table-layout](tailwind/docs/table-layout/index.md)
- [text-align](tailwind/docs/text-align/index.md)
- [text-decoration-color](tailwind/docs/text-decoration-color/index.md)
- [text-decoration-line](tailwind/docs/text-decoration-line/index.md)
- [text-decoration-style](tailwind/docs/text-decoration-style/index.md)
- [text-decoration-thickness](tailwind/docs/text-decoration-thickness/index.md)
- [text-indent](tailwind/docs/text-indent/index.md)
- [text-overflow](tailwind/docs/text-overflow/index.md)
- [text-shadow](tailwind/docs/text-shadow/index.md)
- [text-transform](tailwind/docs/text-transform/index.md)
- [text-underline-offset](tailwind/docs/text-underline-offset/index.md)
- [text-wrap](tailwind/docs/text-wrap/index.md)
- [Theme variables](tailwind/docs/theme/index.md)
- [top / right / bottom / left](tailwind/docs/top-right-bottom-left/index.md)
- [touch-action](tailwind/docs/touch-action/index.md)
- [transform](tailwind/docs/transform/index.md)
- [transform-origin](tailwind/docs/transform-origin/index.md)
- [transform-style](tailwind/docs/transform-style/index.md)
- [transition-behavior](tailwind/docs/transition-behavior/index.md)
- [transition-delay](tailwind/docs/transition-delay/index.md)
- [transition-duration](tailwind/docs/transition-duration/index.md)
- [transition-property](tailwind/docs/transition-property/index.md)
- [transition-timing-function](tailwind/docs/transition-timing-function/index.md)
- [translate](tailwind/docs/translate/index.md)
- [Upgrade guide](tailwind/docs/upgrade-guide/index.md)
- [user-select](tailwind/docs/user-select/index.md)
- [vertical-align](tailwind/docs/vertical-align/index.md)
- [visibility](tailwind/docs/visibility/index.md)
- [white-space](tailwind/docs/white-space/index.md)
- [width](tailwind/docs/width/index.md)
- [will-change](tailwind/docs/will-change/index.md)
- [word-break](tailwind/docs/word-break/index.md)
- [z-index](tailwind/docs/z-index/index.md)
