min-height: calc(<fraction>* 100%); min-h-px min-height: 1px; min-h-full min-height: 100%; min-h-screen min-height: 100vh; min-h-dvh min-height: 100dvh; min-h-dvw min-height: 100dvw; min-h-lvh min-height: 100lvh;
max-height: 100%; max-h-screen max-height: 100vh; max-h-dvh max-height: 100dvh; max-h-dvw max-height: 100dvw; max-h-lvh max-height: 100lvh; max-h-lvw max-height: 100lvw; max-h-svh max-height: 100svh; max-h-svw max-height: 100svw; ...
min-h-full min-height: 100%; min-h-screen min-height: 100vh; min-h-svh min-height: 100svh; min-h-lvh min-height: 100lvh; min-h-dvh min-height: 100dvh; min-h-min min-height: min-content; min-h-max min-height: max-content; min-h-fit min-height: fit-content;Functionality...
Customize Tailwind's default max-height scale in thetheme.maxHeightsection of yourtailwind.config.jsfile. // tailwind.config.jsmodule.exports = {theme: {maxHeight: {+'0': '0',+'1/4': '25%',+'1/2': '50%',+'3/4': '75%',+'full': '100%',}}} ...
// tailwind.config.jsmodule.exports = {variants:{// ...-height:['responsive'],+height:['responsive', 'hover', 'focus'],}} Disabling If you don't plan to use theheightutilities in your project, you can disable them entirely by setting theheightpropertytofalsein thecorePluginssection of...
// tailwind.config.jsmodule.exports={theme:{height:{+sm:'8px',+md:'16px',+lg:'24px',+xl:'48px',}}} Variants By default, only responsive variants are generated for height utilities. You can control which variants are generated for theheightutilities by modifying theheightproperty in the...
max-h-60 max-height: 15rem; max-h-64 max-height: 16rem; max-h-72 max-height: 18rem; max-h-80 max-height: 20rem; max-h-96 max-height: 24rem; max-h-px max-height: 1px; max-h-full max-height: 100%; max-h-screen max-height: 100vh; Windframe Tailwind blocks Pricing ...
Tailwind CSS - Height - Tailwind CSS Height is a utility class that provides an effective way of handling the content height. This is used to set the height or manipulate the height of any HTML elements.
I'm using atailwindCSSto CSS my component inReact. Here's how I tried so far: {listEpisode.map((item, i) =>(<Linkto={`episode-url`}key={i}className="w-full h-[70px] px-[12px] leading-normal py-1 hover:text-white hover:opacity-80 hover:bg-white/20 duratio...
A TailwindCSS plugin to add utilities for 100vh on iOS. Latest version: 1.1.0, last published: 3 years ago. Start using @rvxlab/tailwind-plugin-ios-full-height in your project by running `npm i @rvxlab/tailwind-plugin-ios-full-height`. There are no other