w-safe-dvw
|
width: calc(100dvw - env(safe-area-inset-left) - env(safe-area-inset-right));
|
w-safe-dvw-l
|
width: calc(100dvw - env(safe-area-inset-left));
|
w-safe-dvw-r
|
width: calc(100dvw - env(safe-area-inset-right));
|
w-3xs
|
width: var(--container-3xs);/* 16rem */
|
w-3xl
|
width: var(--container-3xl);/* 48rem */
|
w-2xs
|
width: var(--container-2xs);/* 18rem */
|
w-2xl
|
width: var(--container-2xl);/* 42rem */
|
w-xs
|
width: var(--container-xs);/* 20rem */
|
w-xl
|
width: var(--container-xl);/* 36rem */
|
w-sm
|
width: var(--container-sm);/* 24rem */
|
w-screen
|
width: 100vw;
|
w-svw
|
width: 100svw;
|
w-svh
|
width: 100svh;
|
w-md
|
width: var(--container-md);/* 28rem */
|
w-min
|
width: min-content;
|
w-max
|
width: max-content;
|
w-lg
|
width: var(--container-lg);/* 32rem */
|
w-lvw
|
width: 100lvw;
|
w-lvh
|
width: 100lvh;
|
w-4xl
|
width: var(--container-4xl);/* 56rem */
|
w-5xl
|
width: var(--container-5xl);/* 64rem */
|
w-6xl
|
width: var(--container-6xl);/* 72rem */
|
w-7xl
|
width: var(--container-7xl);/* 80rem */
|
w-auto
|
width: auto;
|
w-px
|
width: 1px;
|
w-full
|
width: 100%;
|
w-fit
|
width: fit-content;
|
w-dvw
|
width: 100dvw;
|
w-dvh
|
width: 100dvh;
|
w-<number>
|
width: calc(var(--spacing) * <number>);/* 0.25rem */
|
w-4
|
width: calc(var(--spacing) * 4);
|
w-<fraction>
|
width: <percentage>;
|
w-1/2
|
width: 50%;
|
w-[<value>]
|
width: <value>;
|
w-[1rem]
|
width: 1rem;
|
w-(<custom-property>)
|
width: var(<custom-property>);
|
w-(--my-length)
|
width: var(--my-length);
|
w-(length:<custom-property>)
|
width: var(<custom-property>);
|
w-(length:--my-length)
|
width: var(--my-length);
|
w-safe-dvw-l-<number>
|
width: calc(100dvw - env(safe-area-inset-left, calc(var(--spacing) * <number>)));/* 0.25rem */
|
w-safe-dvw-l-4
|
width: calc(100dvw - env(safe-area-inset-left, calc(var(--spacing) * 4)));
|
w-safe-dvw-l-<fraction>
|
width: calc(100dvw - env(safe-area-inset-left, <percentage>));
|
w-safe-dvw-l-1/2
|
width: calc(100dvw - env(safe-area-inset-left, 50%));
|
w-safe-dvw-l-[<value>]
|
width: calc(100dvw - env(safe-area-inset-left, <value>));
|
w-safe-dvw-l-[1rem]
|
width: calc(100dvw - env(safe-area-inset-left, 1rem));
|
w-safe-dvw-l-(<custom-property>)
|
width: calc(100dvw - env(safe-area-inset-left, var(<custom-property>)));
|
w-safe-dvw-l-(--my-length)
|
width: calc(100dvw - env(safe-area-inset-left, var(--my-length)));
|
w-safe-dvw-l-(length:<custom-property>)
|
width: calc(100dvw - env(safe-area-inset-left, var(<custom-property>)));
|
w-safe-dvw-l-(length:--my-length)
|
width: calc(100dvw - env(safe-area-inset-left, var(--my-length)));
|
w-safe-dvw-r-<number>
|
width: calc(100dvw - env(safe-area-inset-right, calc(var(--spacing) * <number>)));/* 0.25rem */
|
w-safe-dvw-r-4
|
width: calc(100dvw - env(safe-area-inset-right, calc(var(--spacing) * 4)));
|
w-safe-dvw-r-<fraction>
|
width: calc(100dvw - env(safe-area-inset-right, <percentage>));
|
w-safe-dvw-r-1/2
|
width: calc(100dvw - env(safe-area-inset-right, 50%));
|
w-safe-dvw-r-[<value>]
|
width: calc(100dvw - env(safe-area-inset-right, <value>));
|
w-safe-dvw-r-[1rem]
|
width: calc(100dvw - env(safe-area-inset-right, 1rem));
|
w-safe-dvw-r-(<custom-property>)
|
width: calc(100dvw - env(safe-area-inset-right, var(<custom-property>)));
|
w-safe-dvw-r-(--my-length)
|
width: calc(100dvw - env(safe-area-inset-right, var(--my-length)));
|
w-safe-dvw-r-(length:<custom-property>)
|
width: calc(100dvw - env(safe-area-inset-right, var(<custom-property>)));
|
w-safe-dvw-r-(length:--my-length)
|
width: calc(100dvw - env(safe-area-inset-right, var(--my-length)));
|
