Enum tailwind_css::TailwindHeight
source · [−]pub enum TailwindHeight {
Min(TailwindSizing),
Max(TailwindSizing),
Normal(TailwindSizing),
}
Expand description
https://tailwindcss.com/docs/width
Variants
Min(TailwindSizing)
Utilities for setting the minimum width of an element.
Min-Width
Class | Properties |
---|---|
min-w-0 | min-width: 0px; |
min-w-full | min-width: 100%; |
min-w-min | min-width: min-content; |
min-w-max | min-width: max-content; |
min-w-fit | min-width: fit-content; |
Max(TailwindSizing)
Utilities for setting the maximum width of an element.
max-width
Class | Properties |
---|---|
max-w-0 | max-width: 0rem; |
max-w-none | max-width: none; |
max-w-xs | max-width: 20rem; |
max-w-sm | max-width: 24rem; |
max-w-md | max-width: 28rem; |
max-w-lg | max-width: 32rem; |
max-w-xl | max-width: 36rem; |
max-w-2xl | max-width: 42rem; |
max-w-3xl | max-width: 48rem; |
max-w-4xl | max-width: 56rem; |
max-w-5xl | max-width: 64rem; |
max-w-6xl | max-width: 72rem; |
max-w-7xl | max-width: 80rem; |
max-w-full | max-width: 100%; |
max-w-min | max-width: min-content; |
max-w-max | max-width: max-content; |
max-w-fit | max-width: fit-content; |
max-w-prose | max-width: 65ch; |
max-w-screen-sm | max-width: 640px; |
max-w-screen-md | max-width: 768px; |
max-w-screen-lg | max-width: 1024px; |
max-w-screen-xl | max-width: 1280px; |
max-w-screen-2xl | max-width: 1536px; |
Reference
- https://tailwindcss.com/docs/max-width
- https://tailwindcss.cn/docs/max-width
Normal(TailwindSizing)
|
width
Utilities for setting the minimum|
width of an element.
Class | Properties |
---|---|
w-0 | width: 0px; |
w-px | width: 1px; |
w-0.5 | width: 0.125rem; |
w-1 | width: 0.25rem; |
w-1.5 | width: 0.375rem; |
w-2 | width: 0.5rem; |
w-2.5 | width: 0.625rem; |
w-3 | width: 0.75rem; |
w-3.5 | width: 0.875rem; |
w-4 | width: 1rem; |
w-5 | width: 1.25rem; |
w-6 | width: 1.5rem; |
w-7 | width: 1.75rem; |
w-8 | width: 2rem; |
w-9 | width: 2.25rem; |
w-10 | width: 2.5rem; |
w-11 | width: 2.75rem; |
w-12 | width: 3rem; |
w-14 | width: 3.5rem; |
w-16 | width: 4rem; |
w-20 | width: 5rem; |
w-24 | width: 6rem; |
w-28 | width: 7rem; |
w-32 | width: 8rem; |
w-36 | width: 9rem; |
w-40 | width: 10rem; |
w-44 | width: 11rem; |
w-48 | width: 12rem; |
w-52 | width: 13rem; |
w-56 | width: 14rem; |
w-60 | width: 15rem; |
w-64 | width: 16rem; |
w-72 | width: 18rem; |
w-80 | width: 20rem; |
w-96 | width: 24rem; |
w-auto | `width: auto; |
w-1/2 | `width: 50%; |
w-1/3 | `width: 33.333333%; |
w-2/3 | `width: 66.666667%; |
w-1/4 | `width: 25%; |
w-2/4 | `width: 50%; |
w-3/4 | `width: 75%; |
w-1/5 | `width: 20%; |
w-2/5 | `width: 40%; |
w-3/5 | `width: 60%; |
w-4/5 | `width: 80%; |
w-1/6 | `width: 16.666667%; |
w-2/6 | `width: 33.333333%; |
w-3/6 | `width: 50%; |
w-4/6 | `width: 66.666667%; |
w-5/6 | `width: 83.333333%; |
w-1/12 | `width: 8.333333%; |
w-2/12 | `width: 16.666667%; |
w-3/12 | `width: 25%; |
w-4/12 | `width: 33.333333%; |
w-5/12 | `width: 41.666667%; |
w-6/12 | `width: 50%; |
w-7/12 | `width: 58.333333%; |
w-8/12 | `width: 66.666667%; |
w-9/12 | `width: 75%; |
w-10/12 | `width: 83.333333%; |
w-11/12 | `width: 91.666667%; |
w-full | `width: 100%; |
w-screen | `width: 100vw; |
w-min | `width: min-content; |
w-max | `width: max-content; |
w-fit | `width: fit-content; |
Trait Implementations
Auto Trait Implementations
impl RefUnwindSafe for TailwindHeight
impl Send for TailwindHeight
impl Sync for TailwindHeight
impl Unpin for TailwindHeight
impl UnwindSafe for TailwindHeight
Blanket Implementations
impl<S, D, Swp, Dwp, T> AdaptInto<D, Swp, Dwp, T> for S where
T: FloatComponent,
Swp: WhitePoint,
Dwp: WhitePoint,
D: AdaptFrom<S, Swp, Dwp, T>,
impl<S, D, Swp, Dwp, T> AdaptInto<D, Swp, Dwp, T> for S where
T: FloatComponent,
Swp: WhitePoint,
Dwp: WhitePoint,
D: AdaptFrom<S, Swp, Dwp, T>,
Mutably borrows from an owned value. Read more
Convert into T with values clamped to the color defined bounds Read more
Convert into T. The resulting color might be invalid in its color space Read more
Convert into T, returning ok if the color is inside of its defined
range, otherwise an OutOfBounds
error is returned which contains
the unclamped color. Read more