1.11.1 Parameters

Parameter: height ¶

Default value:

(#<rule selector: ".h-screen" declarations: (#<declaration property: height value: "100vh">)> #<rule selector: ".min-h-screen" declarations: (#<declaration property: min-height value: "100vh">)> #<rule selector: ".max-h-screen" declarations: (#<declaration property: max-height value: "100vh">)> #<rule selector: ".h-full" declarations: (#<declaration property: height value: "100%">)> #<rule selector: ".min-h-full" declarations: (#<declaration property: min-height value: "100%">)> #<rule selector: ".max-h-full" declarations: (#<declaration property: max-height value: "100%">)> #<rule selector: ".h-auto" declarations: (#<declaration property: height value: auto>)> #<rule selector: ".min-h-auto" declarations: (#<declaration property: min-height value: auto>)> #<rule selector: ".max-h-none" declarations: (#<declaration property: max-height value: none>)> #<rule selector: ".h-fit" declarations: (#<declaration property: height value: fit-content>)> #<rule selector: ".min-h-fit" declarations: (#<declaration property: min-height value: fit-content>)> #<rule selector: ".h-min" declarations: (#<declaration property: height value: min-content>)> #<rule selector: ".h-max" declarations: (#<declaration property: height value: max-content>)> #<rule selector: ".h-dvh" declarations: (#<declaration property: height value: "100dvh">)> #<rule selector: ".min-h-dvh" declarations: (#<declaration property: min-height value: "100dvh">)> #<rule selector: ".h-svh" declarations: (#<declaration property: height value: "100svh">)> #<rule selector: ".h-lvh" declarations: (#<declaration property: height value: "100lvh">)> #<rule selector: ".h-dvw" declarations: (#<declaration property: height value: "100dvw">)> #<rule selector: ".h-svw" declarations: (#<declaration property: height value: "100svw">)> #<rule selector: ".h-lvw" declarations: (#<declaration property: height value: "100lvw">)> #<rule selector: ".min-h-svh" declarations: (#<declaration property: min-height value: "100svh">)> #<rule selector: ".min-h-lvh" declarations: (#<declaration property: min-height value: "100lvh">)> #<rule selector: ".max-h-dvh" declarations: (#<declaration property: max-height value: "100dvh">)> #<rule selector: ".max-h-svh" declarations: (#<declaration property: max-height value: "100svh">)> (#<rule selector: ".h-0" declarations: (#<declaration property: height value: "0.00rem">)> #<rule selector: ".h-1" declarations: (#<declaration property: height value: "0.24rem">)> #<rule selector: ".h-2" declarations: (#<declaration property: height value: "0.48rem">)> #<rule selector: ".h-3" declarations: (#<declaration property: height value: "0.72rem">)> #<rule selector: ".h-4" declarations: (#<declaration property: height value: "0.96rem">)> #<rule selector: ".h-5" declarations: (#<declaration property: height value: "1.20rem">)> #<rule selector: ".h-6" declarations: (#<declaration property: height value: "1.44rem">)> #<rule selector: ".h-7" declarations: (#<declaration property: height value: "1.68rem">)> #<rule selector: ".h-8" declarations: (#<declaration property: height value: "1.92rem">)> #<rule selector: ".h-9" declarations: (#<declaration property: height value: "2.16rem">)> #<rule selector: ".h-10" declarations: (#<declaration property: height value: "2.40rem">)> #<rule selector: ".h-12" declarations: (#<declaration property: height value: "2.88rem">)> #<rule selector: ".h-14" declarations: (#<declaration property: height value: "3.36rem">)> #<rule selector: ".h-16" declarations: (#<declaration property: height value: "3.84rem">)> #<rule selector: ".h-20" declarations: (#<declaration property: height value: "4.80rem">)> #<rule selector: ".h-24" declarations: (#<declaration property: height value: "5.76rem">)> #<rule selector: ".h-28" declarations: (#<declaration property: height value: "6.72rem">)> #<rule selector: ".h-32" declarations: (#<declaration property: height value: "7.68rem">)> #<rule selector: ".h-48" declarations: (#<declaration property: height value: "11.52rem">)> #<rule selector: ".h-64" declarations: (#<declaration property: height value: "15.36rem">)> #<rule selector: ".h-72" declarations: (#<declaration property: height value: "17.28rem">)> #<rule selector: ".h-90" declarations: (#<declaration property: height value: "21.60rem">)> #<rule selector: ".h-96" declarations: (#<declaration property: height value: "23.04rem">)> #<rule selector: ".h-100" declarations: (#<declaration property: height value: "24.00rem">)> #<rule selector: ".h-128" declarations: (#<declaration property: height value: "30.72rem">)> #<rule selector: ".h-196" declarations: (#<declaration property: height value: "47.04rem">)> #<rule selector: ".h-212" declarations: (#<declaration property: height value: "50.88rem">)> #<rule selector: ".h-256" declarations: (#<declaration property: height value: "61.44rem">)> #<rule selector: ".h-312" declarations: (#<declaration property: height value: "74.88rem">)> #<rule selector: ".h-360" declarations: (#<declaration property: height value: "86.40rem">)> #<rule selector: ".h-420" declarations: (#<declaration property: height value: "100.80rem">)> #<rule selector: ".h-512" declarations: (#<declaration property: height value: "122.88rem">)> #<rule selector: ".h-2xs" declarations: (#<declaration property: height value: "0.24rem">)> #<rule selector: ".h-xs" declarations: (#<declaration property: height value: "0.48rem">)> #<rule selector: ".h-sm" declarations: (#<declaration property: height value: "0.72rem">)> #<rule selector: ".h-md" declarations: (#<declaration property: height value: "0.96rem">)> #<rule selector: ".h-lg" declarations: (#<declaration property: height value: "1.20rem">)> #<rule selector: ".h-xl" declarations: (#<declaration property: height value: "1.44rem">)> #<rule selector: ".h-2xl" declarations: (#<declaration property: height value: "1.68rem">)> #<rule selector: ".h-3xl" declarations: (#<declaration property: height value: "1.92rem">)> #<rule selector: ".h-4xl" declarations: (#<declaration property: height value: "2.16rem">)> #<rule selector: ".h-5xl" declarations: (#<declaration property: height value: "2.40rem">)> #<rule selector: ".h-2\\/3" declarations: (#<declaration property: height value: "66.6%">)> #<rule selector: ".h-1\\/3" declarations: (#<declaration property: height value: "33.3%">)> #<rule selector: ".h-1\\/2" declarations: (#<declaration property: height value: "50%">)> #<rule selector: ".h-3\\/4" declarations: (#<declaration property: height value: "75%">)> #<rule selector: ".h-1\\/4" declarations: (#<declaration property: height value: "25%">)> #<rule selector: ".h-4\\/5" declarations: (#<declaration property: height value: "80%">)> #<rule selector: ".h-3\\/5" declarations: (#<declaration property: height value: "60%">)> #<rule selector: ".h-2\\/5" declarations: (#<declaration property: height value: "40%">)> #<rule selector: ".h-1\\/5" declarations: (#<declaration property: height value: "20%">)> #<rule selector: ".h-5\\/6" declarations: (#<declaration property: height value: "83.3%">)> #<rule selector: ".h-1\\/6" declarations: (#<declaration property: height value: "16.6%">)> #<rule selector: ".h-1\\/8" declarations: (#<declaration property: height value: "12.5%">)>) (#<rule selector: ".min-h-0" declarations: (#<declaration property: min-height value: "0.00rem">)> #<rule selector: ".min-h-1" declarations: (#<declaration property: min-height value: "0.24rem">)> #<rule selector: ".min-h-2" declarations: (#<declaration property: min-height value: "0.48rem">)> #<rule selector: ".min-h-3" declarations: (#<declaration property: min-height value: "0.72rem">)> #<rule selector: ".min-h-4" declarations: (#<declaration property: min-height value: "0.96rem">)> #<rule selector: ".min-h-5" declarations: (#<declaration property: min-height value: "1.20rem">)> #<rule selector: ".min-h-6" declarations: (#<declaration property: min-height value: "1.44rem">)> #<rule selector: ".min-h-7" declarations: (#<declaration property: min-height value: "1.68rem">)> #<rule selector: ".min-h-8" declarations: (#<declaration property: min-height value: "1.92rem">)> #<rule selector: ".min-h-9" declarations: (#<declaration property: min-height value: "2.16rem">)> #<rule selector: ".min-h-10" declarations: (#<declaration property: min-height value: "2.40rem">)> #<rule selector: ".min-h-12" declarations: (#<declaration property: min-height value: "2.88rem">)> #<rule selector: ".min-h-14" declarations: (#<declaration property: min-height value: "3.36rem">)> #<rule selector: ".min-h-16" declarations: (#<declaration property: min-height value: "3.84rem">)> #<rule selector: ".min-h-20" declarations: (#<declaration property: min-height value: "4.80rem">)> #<rule selector: ".min-h-24" declarations: (#<declaration property: min-height value: "5.76rem">)> #<rule selector: ".min-h-28" declarations: (#<declaration property: min-height value: "6.72rem">)> #<rule selector: ".min-h-32" declarations: (#<declaration property: min-height value: "7.68rem">)> #<rule selector: ".min-h-48" declarations: (#<declaration property: min-height value: "11.52rem">)> #<rule selector: ".min-h-64" declarations: (#<declaration property: min-height value: "15.36rem">)> #<rule selector: ".min-h-72" declarations: (#<declaration property: min-height value: "17.28rem">)> #<rule selector: ".min-h-90" declarations: (#<declaration property: min-height value: "21.60rem">)> #<rule selector: ".min-h-96" declarations: (#<declaration property: min-height value: "23.04rem">)> #<rule selector: ".min-h-100" declarations: (#<declaration property: min-height value: "24.00rem">)> #<rule selector: ".min-h-128" declarations: (#<declaration property: min-height value: "30.72rem">)> #<rule selector: ".min-h-196" declarations: (#<declaration property: min-height value: "47.04rem">)> #<rule selector: ".min-h-212" declarations: (#<declaration property: min-height value: "50.88rem">)> #<rule selector: ".min-h-256" declarations: (#<declaration property: min-height value: "61.44rem">)> #<rule selector: ".min-h-312" declarations: (#<declaration property: min-height value: "74.88rem">)> #<rule selector: ".min-h-360" declarations: (#<declaration property: min-height value: "86.40rem">)> #<rule selector: ".min-h-420" declarations: (#<declaration property: min-height value: "100.80rem">)> #<rule selector: ".min-h-512" declarations: (#<declaration property: min-height value: "122.88rem">)> #<rule selector: ".min-h-2xs" declarations: (#<declaration property: min-height value: "0.24rem">)> #<rule selector: ".min-h-xs" declarations: (#<declaration property: min-height value: "0.48rem">)> #<rule selector: ".min-h-sm" declarations: (#<declaration property: min-height value: "0.72rem">)> #<rule selector: ".min-h-md" declarations: (#<declaration property: min-height value: "0.96rem">)> #<rule selector: ".min-h-lg" declarations: (#<declaration property: min-height value: "1.20rem">)> #<rule selector: ".min-h-xl" declarations: (#<declaration property: min-height value: "1.44rem">)> #<rule selector: ".min-h-2xl" declarations: (#<declaration property: min-height value: "1.68rem">)> #<rule selector: ".min-h-3xl" declarations: (#<declaration property: min-height value: "1.92rem">)> #<rule selector: ".min-h-4xl" declarations: (#<declaration property: min-height value: "2.16rem">)> #<rule selector: ".min-h-5xl" declarations: (#<declaration property: min-height value: "2.40rem">)> #<rule selector: ".min-h-2\\/3" declarations: (#<declaration property: min-height value: "66.6%">)> #<rule selector: ".min-h-1\\/3" declarations: (#<declaration property: min-height value: "33.3%">)> #<rule selector: ".min-h-1\\/2" declarations: (#<declaration property: min-height value: "50%">)> #<rule selector: ".min-h-3\\/4" declarations: (#<declaration property: min-height value: "75%">)> #<rule selector: ".min-h-1\\/4" declarations: (#<declaration property: min-height value: "25%">)> #<rule selector: ".min-h-4\\/5" declarations: (#<declaration property: min-height value: "80%">)> #<rule selector: ".min-h-3\\/5" declarations: (#<declaration property: min-height value: "60%">)> #<rule selector: ".min-h-2\\/5" declarations: (#<declaration property: min-height value: "40%">)> #<rule selector: ".min-h-1\\/5" declarations: (#<declaration property: min-height value: "20%">)> #<rule selector: ".min-h-5\\/6" declarations: (#<declaration property: min-height value: "83.3%">)> #<rule selector: ".min-h-1\\/6" declarations: (#<declaration property: min-height value: "16.6%">)> #<rule selector: ".min-h-1\\/8" declarations: (#<declaration property: min-height value: "12.5%">)>) (#<rule selector: ".max-h-0" declarations: (#<declaration property: max-height value: "0.00rem">)> #<rule selector: ".max-h-1" declarations: (#<declaration property: max-height value: "0.24rem">)> #<rule selector: ".max-h-2" declarations: (#<declaration property: max-height value: "0.48rem">)> #<rule selector: ".max-h-3" declarations: (#<declaration property: max-height value: "0.72rem">)> #<rule selector: ".max-h-4" declarations: (#<declaration property: max-height value: "0.96rem">)> #<rule selector: ".max-h-5" declarations: (#<declaration property: max-height value: "1.20rem">)> #<rule selector: ".max-h-6" declarations: (#<declaration property: max-height value: "1.44rem">)> #<rule selector: ".max-h-7" declarations: (#<declaration property: max-height value: "1.68rem">)> #<rule selector: ".max-h-8" declarations: (#<declaration property: max-height value: "1.92rem">)> #<rule selector: ".max-h-9" declarations: (#<declaration property: max-height value: "2.16rem">)> #<rule selector: ".max-h-10" declarations: (#<declaration property: max-height value: "2.40rem">)> #<rule selector: ".max-h-12" declarations: (#<declaration property: max-height value: "2.88rem">)> #<rule selector: ".max-h-14" declarations: (#<declaration property: max-height value: "3.36rem">)> #<rule selector: ".max-h-16" declarations: (#<declaration property: max-height value: "3.84rem">)> #<rule selector: ".max-h-20" declarations: (#<declaration property: max-height value: "4.80rem">)> #<rule selector: ".max-h-24" declarations: (#<declaration property: max-height value: "5.76rem">)> #<rule selector: ".max-h-28" declarations: (#<declaration property: max-height value: "6.72rem">)> #<rule selector: ".max-h-32" declarations: (#<declaration property: max-height value: "7.68rem">)> #<rule selector: ".max-h-48" declarations: (#<declaration property: max-height value: "11.52rem">)> #<rule selector: ".max-h-64" declarations: (#<declaration property: max-height value: "15.36rem">)> #<rule selector: ".max-h-72" declarations: (#<declaration property: max-height value: "17.28rem">)> #<rule selector: ".max-h-90" declarations: (#<declaration property: max-height value: "21.60rem">)> #<rule selector: ".max-h-96" declarations: (#<declaration property: max-height value: "23.04rem">)> #<rule selector: ".max-h-100" declarations: (#<declaration property: max-height value: "24.00rem">)> #<rule selector: ".max-h-128" declarations: (#<declaration property: max-height value: "30.72rem">)> #<rule selector: ".max-h-196" declarations: (#<declaration property: max-height value: "47.04rem">)> #<rule selector: ".max-h-212" declarations: (#<declaration property: max-height value: "50.88rem">)> #<rule selector: ".max-h-256" declarations: (#<declaration property: max-height value: "61.44rem">)> #<rule selector: ".max-h-312" declarations: (#<declaration property: max-height value: "74.88rem">)> #<rule selector: ".max-h-360" declarations: (#<declaration property: max-height value: "86.40rem">)> #<rule selector: ".max-h-420" declarations: (#<declaration property: max-height value: "100.80rem">)> #<rule selector: ".max-h-512" declarations: (#<declaration property: max-height value: "122.88rem">)> #<rule selector: ".max-h-2xs" declarations: (#<declaration property: max-height value: "0.24rem">)> #<rule selector: ".max-h-xs" declarations: (#<declaration property: max-height value: "0.48rem">)> #<rule selector: ".max-h-sm" declarations: (#<declaration property: max-height value: "0.72rem">)> #<rule selector: ".max-h-md" declarations: (#<declaration property: max-height value: "0.96rem">)> #<rule selector: ".max-h-lg" declarations: (#<declaration property: max-height value: "1.20rem">)> #<rule selector: ".max-h-xl" declarations: (#<declaration property: max-height value: "1.44rem">)> #<rule selector: ".max-h-2xl" declarations: (#<declaration property: max-height value: "1.68rem">)> #<rule selector: ".max-h-3xl" declarations: (#<declaration property: max-height value: "1.92rem">)> #<rule selector: ".max-h-4xl" declarations: (#<declaration property: max-height value: "2.16rem">)> #<rule selector: ".max-h-5xl" declarations: (#<declaration property: max-height value: "2.40rem">)> #<rule selector: ".max-h-2\\/3" declarations: (#<declaration property: max-height value: "66.6%">)> #<rule selector: ".max-h-1\\/3" declarations: (#<declaration property: max-height value: "33.3%">)> #<rule selector: ".max-h-1\\/2" declarations: (#<declaration property: max-height value: "50%">)> #<rule selector: ".max-h-3\\/4" declarations: (#<declaration property: max-height value: "75%">)> #<rule selector: ".max-h-1\\/4" declarations: (#<declaration property: max-height value: "25%">)> #<rule selector: ".max-h-4\\/5" declarations: (#<declaration property: max-height value: "80%">)> #<rule selector: ".max-h-3\\/5" declarations: (#<declaration property: max-height value: "60%">)> #<rule selector: ".max-h-2\\/5" declarations: (#<declaration property: max-height value: "40%">)> #<rule selector: ".max-h-1\\/5" declarations: (#<declaration property: max-height value: "20%">)> #<rule selector: ".max-h-5\\/6" declarations: (#<declaration property: max-height value: "83.3%">)> #<rule selector: ".max-h-1\\/6" declarations: (#<declaration property: max-height value: "16.6%">)> #<rule selector: ".max-h-1\\/8" declarations: (#<declaration property: max-height value: "12.5%">)>))

Parameter: height-multiplier ¶

Default value:

0.24

Parameter: prose-size ¶

Default value:

"84ch"

Parameter: size ¶

Default value:

(#<rule selector: ".size-full" declarations: (#<declaration property: width value: "100%"> #<declaration property: height value: "100%">)> #<rule selector: ".size-auto" declarations: (#<declaration property: width value: auto> #<declaration property: height value: auto>)> #<rule selector: ".size-fit" declarations: (#<declaration property: width value: fit-content> #<declaration property: height value: fit-content>)> #<rule selector: ".size-screen" declarations: (#<declaration property: width value: "100vw"> #<declaration property: height value: "100vh">)> #<rule selector: ".size-0" declarations: (#<declaration property: width value: "0.00rem"> #<declaration property: height value: "0.00rem">)> #<rule selector: ".size-1" declarations: (#<declaration property: width value: "0.24rem"> #<declaration property: height value: "0.24rem">)> #<rule selector: ".size-2" declarations: (#<declaration property: width value: "0.48rem"> #<declaration property: height value: "0.48rem">)> #<rule selector: ".size-3" declarations: (#<declaration property: width value: "0.72rem"> #<declaration property: height value: "0.72rem">)> #<rule selector: ".size-4" declarations: (#<declaration property: width value: "0.96rem"> #<declaration property: height value: "0.96rem">)> #<rule selector: ".size-5" declarations: (#<declaration property: width value: "1.20rem"> #<declaration property: height value: "1.20rem">)> #<rule selector: ".size-6" declarations: (#<declaration property: width value: "1.44rem"> #<declaration property: height value: "1.44rem">)> #<rule selector: ".size-7" declarations: (#<declaration property: width value: "1.68rem"> #<declaration property: height value: "1.68rem">)> #<rule selector: ".size-8" declarations: (#<declaration property: width value: "1.92rem"> #<declaration property: height value: "1.92rem">)> #<rule selector: ".size-9" declarations: (#<declaration property: width value: "2.16rem"> #<declaration property: height value: "2.16rem">)> #<rule selector: ".size-10" declarations: (#<declaration property: width value: "2.40rem"> #<declaration property: height value: "2.40rem">)> #<rule selector: ".size-12" declarations: (#<declaration property: width value: "2.88rem"> #<declaration property: height value: "2.88rem">)> #<rule selector: ".size-14" declarations: (#<declaration property: width value: "3.36rem"> #<declaration property: height value: "3.36rem">)> #<rule selector: ".size-16" declarations: (#<declaration property: width value: "3.84rem"> #<declaration property: height value: "3.84rem">)> #<rule selector: ".size-20" declarations: (#<declaration property: width value: "4.80rem"> #<declaration property: height value: "4.80rem">)> #<rule selector: ".size-24" declarations: (#<declaration property: width value: "5.76rem"> #<declaration property: height value: "5.76rem">)> #<rule selector: ".size-28" declarations: (#<declaration property: width value: "6.72rem"> #<declaration property: height value: "6.72rem">)> #<rule selector: ".size-32" declarations: (#<declaration property: width value: "7.68rem"> #<declaration property: height value: "7.68rem">)> #<rule selector: ".size-48" declarations: (#<declaration property: width value: "11.52rem"> #<declaration property: height value: "11.52rem">)> #<rule selector: ".size-64" declarations: (#<declaration property: width value: "15.36rem"> #<declaration property: height value: "15.36rem">)> #<rule selector: ".size-72" declarations: (#<declaration property: width value: "17.28rem"> #<declaration property: height value: "17.28rem">)> #<rule selector: ".size-90" declarations: (#<declaration property: width value: "21.60rem"> #<declaration property: height value: "21.60rem">)> #<rule selector: ".size-96" declarations: (#<declaration property: width value: "23.04rem"> #<declaration property: height value: "23.04rem">)> #<rule selector: ".size-100" declarations: (#<declaration property: width value: "24.00rem"> #<declaration property: height value: "24.00rem">)> #<rule selector: ".size-128" declarations: (#<declaration property: width value: "30.72rem"> #<declaration property: height value: "30.72rem">)> #<rule selector: ".size-196" declarations: (#<declaration property: width value: "47.04rem"> #<declaration property: height value: "47.04rem">)> #<rule selector: ".size-212" declarations: (#<declaration property: width value: "50.88rem"> #<declaration property: height value: "50.88rem">)> #<rule selector: ".size-256" declarations: (#<declaration property: width value: "61.44rem"> #<declaration property: height value: "61.44rem">)> #<rule selector: ".size-312" declarations: (#<declaration property: width value: "74.88rem"> #<declaration property: height value: "74.88rem">)> #<rule selector: ".size-360" declarations: (#<declaration property: width value: "86.40rem"> #<declaration property: height value: "86.40rem">)> #<rule selector: ".size-420" declarations: (#<declaration property: width value: "100.80rem"> #<declaration property: height value: "100.80rem">)> #<rule selector: ".size-512" declarations: (#<declaration property: width value: "122.88rem"> #<declaration property: height value: "122.88rem">)> #<rule selector: ".size-2xs" declarations: (#<declaration property: width value: "0.24rem"> #<declaration property: height value: "0.24rem">)> #<rule selector: ".size-xs" declarations: (#<declaration property: width value: "0.48rem"> #<declaration property: height value: "0.48rem">)> #<rule selector: ".size-sm" declarations: (#<declaration property: width value: "0.72rem"> #<declaration property: height value: "0.72rem">)> #<rule selector: ".size-md" declarations: (#<declaration property: width value: "0.96rem"> #<declaration property: height value: "0.96rem">)> #<rule selector: ".size-lg" declarations: (#<declaration property: width value: "1.20rem"> #<declaration property: height value: "1.20rem">)> #<rule selector: ".size-xl" declarations: (#<declaration property: width value: "1.44rem"> #<declaration property: height value: "1.44rem">)> #<rule selector: ".size-2xl" declarations: (#<declaration property: width value: "1.68rem"> #<declaration property: height value: "1.68rem">)> #<rule selector: ".size-3xl" declarations: (#<declaration property: width value: "1.92rem"> #<declaration property: height value: "1.92rem">)> #<rule selector: ".size-4xl" declarations: (#<declaration property: width value: "2.16rem"> #<declaration property: height value: "2.16rem">)> #<rule selector: ".size-5xl" declarations: (#<declaration property: width value: "2.40rem"> #<declaration property: height value: "2.40rem">)> #<rule selector: ".size-2\\/3" declarations: (#<declaration property: width value: "66.6%"> #<declaration property: height value: "66.6%">)> #<rule selector: ".size-1\\/3" declarations: (#<declaration property: width value: "33.3%"> #<declaration property: height value: "33.3%">)> #<rule selector: ".size-1\\/2" declarations: (#<declaration property: width value: "50%"> #<declaration property: height value: "50%">)> #<rule selector: ".size-3\\/4" declarations: (#<declaration property: width value: "75%"> #<declaration property: height value: "75%">)> #<rule selector: ".size-1\\/4" declarations: (#<declaration property: width value: "25%"> #<declaration property: height value: "25%">)> #<rule selector: ".size-4\\/5" declarations: (#<declaration property: width value: "80%"> #<declaration property: height value: "80%">)> #<rule selector: ".size-3\\/5" declarations: (#<declaration property: width value: "60%"> #<declaration property: height value: "60%">)> #<rule selector: ".size-2\\/5" declarations: (#<declaration property: width value: "40%"> #<declaration property: height value: "40%">)> #<rule selector: ".size-1\\/5" declarations: (#<declaration property: width value: "20%"> #<declaration property: height value: "20%">)> #<rule selector: ".size-5\\/6" declarations: (#<declaration property: width value: "83.3%"> #<declaration property: height value: "83.3%">)> #<rule selector: ".size-1\\/6" declarations: (#<declaration property: width value: "16.6%"> #<declaration property: height value: "16.6%">)> #<rule selector: ".size-1\\/8" declarations: (#<declaration property: width value: "12.5%"> #<declaration property: height value: "12.5%">)>)

Parameter: sizing-classes ¶

Default value:

((#<rule selector: ".w-screen" declarations: (#<declaration property: width value: "100vw">)> #<rule selector: ".min-w-screen" declarations: (#<declaration property: min-width value: "100vw">)> #<rule selector: ".max-w-screen" declarations: (#<declaration property: max-width value: "100vw">)> #<rule selector: ".min-w-prose" declarations: (#<declaration property: min-width value: "84ch">)> #<rule selector: ".w-full" declarations: (#<declaration property: width value: "100%">)> #<rule selector: ".min-w-full" declarations: (#<declaration property: min-width value: "100%">)> #<rule selector: ".max-w-full" declarations: (#<declaration property: max-width value: "100%">)> #<rule selector: ".max-w-prose" declarations: (#<declaration property: max-width value: "84ch">)> #<rule selector: ".w-auto" declarations: (#<declaration property: width value: auto>)> #<rule selector: ".min-w-auto" declarations: (#<declaration property: min-width value: auto>)> #<rule selector: ".max-w-none" declarations: (#<declaration property: max-width value: none>)> #<rule selector: ".w-fit" declarations: (#<declaration property: width value: fit-content>)> #<rule selector: ".min-w-fit" declarations: (#<declaration property: min-width value: fit-content>)> #<rule selector: ".max-w-fit" declarations: (#<declaration property: max-width value: fit-content>)> #<rule selector: ".w-min" declarations: (#<declaration property: width value: min-content>)> #<rule selector: ".w-max" declarations: (#<declaration property: width value: max-content>)> #<rule selector: ".w-dvw" declarations: (#<declaration property: width value: "100dvw">)> #<rule selector: ".w-svw" declarations: (#<declaration property: width value: "100svw">)> #<rule selector: ".w-lvw" declarations: (#<declaration property: width value: "100lvw">)> (#<rule selector: ".w-0" declarations: (#<declaration property: width value: "0.00rem">)> #<rule selector: ".w-1" declarations: (#<declaration property: width value: "0.24rem">)> #<rule selector: ".w-2" declarations: (#<declaration property: width value: "0.48rem">)> #<rule selector: ".w-3" declarations: (#<declaration property: width value: "0.72rem">)> #<rule selector: ".w-4" declarations: (#<declaration property: width value: "0.96rem">)> #<rule selector: ".w-5" declarations: (#<declaration property: width value: "1.20rem">)> #<rule selector: ".w-6" declarations: (#<declaration property: width value: "1.44rem">)> #<rule selector: ".w-7" declarations: (#<declaration property: width value: "1.68rem">)> #<rule selector: ".w-8" declarations: (#<declaration property: width value: "1.92rem">)> #<rule selector: ".w-9" declarations: (#<declaration property: width value: "2.16rem">)> #<rule selector: ".w-10" declarations: (#<declaration property: width value: "2.40rem">)> #<rule selector: ".w-12" declarations: (#<declaration property: width value: "2.88rem">)> #<rule selector: ".w-14" declarations: (#<declaration property: width value: "3.36rem">)> #<rule selector: ".w-16" declarations: (#<declaration property: width value: "3.84rem">)> #<rule selector: ".w-20" declarations: (#<declaration property: width value: "4.80rem">)> #<rule selector: ".w-24" declarations: (#<declaration property: width value: "5.76rem">)> #<rule selector: ".w-28" declarations: (#<declaration property: width value: "6.72rem">)> #<rule selector: ".w-32" declarations: (#<declaration property: width value: "7.68rem">)> #<rule selector: ".w-48" declarations: (#<declaration property: width value: "11.52rem">)> #<rule selector: ".w-64" declarations: (#<declaration property: width value: "15.36rem">)> #<rule selector: ".w-72" declarations: (#<declaration property: width value: "17.28rem">)> #<rule selector: ".w-90" declarations: (#<declaration property: width value: "21.60rem">)> #<rule selector: ".w-96" declarations: (#<declaration property: width value: "23.04rem">)> #<rule selector: ".w-100" declarations: (#<declaration property: width value: "24.00rem">)> #<rule selector: ".w-128" declarations: (#<declaration property: width value: "30.72rem">)> #<rule selector: ".w-196" declarations: (#<declaration property: width value: "47.04rem">)> #<rule selector: ".w-212" declarations: (#<declaration property: width value: "50.88rem">)> #<rule selector: ".w-256" declarations: (#<declaration property: width value: "61.44rem">)> #<rule selector: ".w-312" declarations: (#<declaration property: width value: "74.88rem">)> #<rule selector: ".w-360" declarations: (#<declaration property: width value: "86.40rem">)> #<rule selector: ".w-420" declarations: (#<declaration property: width value: "100.80rem">)> #<rule selector: ".w-512" declarations: (#<declaration property: width value: "122.88rem">)> #<rule selector: ".w-2xs" declarations: (#<declaration property: width value: "0.24rem">)> #<rule selector: ".w-xs" declarations: (#<declaration property: width value: "0.48rem">)> #<rule selector: ".w-sm" declarations: (#<declaration property: width value: "0.72rem">)> #<rule selector: ".w-md" declarations: (#<declaration property: width value: "0.96rem">)> #<rule selector: ".w-lg" declarations: (#<declaration property: width value: "1.20rem">)> #<rule selector: ".w-xl" declarations: (#<declaration property: width value: "1.44rem">)> #<rule selector: ".w-2xl" declarations: (#<declaration property: width value: "1.68rem">)> #<rule selector: ".w-3xl" declarations: (#<declaration property: width value: "1.92rem">)> #<rule selector: ".w-4xl" declarations: (#<declaration property: width value: "2.16rem">)> #<rule selector: ".w-5xl" declarations: (#<declaration property: width value: "2.40rem">)> #<rule selector: ".w-2\\/3" declarations: (#<declaration property: width value: "66.6%">)> #<rule selector: ".w-1\\/3" declarations: (#<declaration property: width value: "33.3%">)> #<rule selector: ".w-1\\/2" declarations: (#<declaration property: width value: "50%">)> #<rule selector: ".w-3\\/4" declarations: (#<declaration property: width value: "75%">)> #<rule selector: ".w-1\\/4" declarations: (#<declaration property: width value: "25%">)> #<rule selector: ".w-4\\/5" declarations: (#<declaration property: width value: "80%">)> #<rule selector: ".w-3\\/5" declarations: (#<declaration property: width value: "60%">)> #<rule selector: ".w-2\\/5" declarations: (#<declaration property: width value: "40%">)> #<rule selector: ".w-1\\/5" declarations: (#<declaration property: width value: "20%">)> #<rule selector: ".w-5\\/6" declarations: (#<declaration property: width value: "83.3%">)> #<rule selector: ".w-1\\/6" declarations: (#<declaration property: width value: "16.6%">)> #<rule selector: ".w-1\\/8" declarations: (#<declaration property: width value: "12.5%">)>) (#<rule selector: ".min-w-0" declarations: (#<declaration property: min-width value: "0.00rem">)> #<rule selector: ".min-w-1" declarations: (#<declaration property: min-width value: "0.24rem">)> #<rule selector: ".min-w-2" declarations: (#<declaration property: min-width value: "0.48rem">)> #<rule selector: ".min-w-3" declarations: (#<declaration property: min-width value: "0.72rem">)> #<rule selector: ".min-w-4" declarations: (#<declaration property: min-width value: "0.96rem">)> #<rule selector: ".min-w-5" declarations: (#<declaration property: min-width value: "1.20rem">)> #<rule selector: ".min-w-6" declarations: (#<declaration property: min-width value: "1.44rem">)> #<rule selector: ".min-w-7" declarations: (#<declaration property: min-width value: "1.68rem">)> #<rule selector: ".min-w-8" declarations: (#<declaration property: min-width value: "1.92rem">)> #<rule selector: ".min-w-9" declarations: (#<declaration property: min-width value: "2.16rem">)> #<rule selector: ".min-w-10" declarations: (#<declaration property: min-width value: "2.40rem">)> #<rule selector: ".min-w-12" declarations: (#<declaration property: min-width value: "2.88rem">)> #<rule selector: ".min-w-14" declarations: (#<declaration property: min-width value: "3.36rem">)> #<rule selector: ".min-w-16" declarations: (#<declaration property: min-width value: "3.84rem">)> #<rule selector: ".min-w-20" declarations: (#<declaration property: min-width value: "4.80rem">)> #<rule selector: ".min-w-24" declarations: (#<declaration property: min-width value: "5.76rem">)> #<rule selector: ".min-w-28" declarations: (#<declaration property: min-width value: "6.72rem">)> #<rule selector: ".min-w-32" declarations: (#<declaration property: min-width value: "7.68rem">)> #<rule selector: ".min-w-48" declarations: (#<declaration property: min-width value: "11.52rem">)> #<rule selector: ".min-w-64" declarations: (#<declaration property: min-width value: "15.36rem">)> #<rule selector: ".min-w-72" declarations: (#<declaration property: min-width value: "17.28rem">)> #<rule selector: ".min-w-90" declarations: (#<declaration property: min-width value: "21.60rem">)> #<rule selector: ".min-w-96" declarations: (#<declaration property: min-width value: "23.04rem">)> #<rule selector: ".min-w-100" declarations: (#<declaration property: min-width value: "24.00rem">)> #<rule selector: ".min-w-128" declarations: (#<declaration property: min-width value: "30.72rem">)> #<rule selector: ".min-w-196" declarations: (#<declaration property: min-width value: "47.04rem">)> #<rule selector: ".min-w-212" declarations: (#<declaration property: min-width value: "50.88rem">)> #<rule selector: ".min-w-256" declarations: (#<declaration property: min-width value: "61.44rem">)> #<rule selector: ".min-w-312" declarations: (#<declaration property: min-width value: "74.88rem">)> #<rule selector: ".min-w-360" declarations: (#<declaration property: min-width value: "86.40rem">)> #<rule selector: ".min-w-420" declarations: (#<declaration property: min-width value: "100.80rem">)> #<rule selector: ".min-w-512" declarations: (#<declaration property: min-width value: "122.88rem">)> #<rule selector: ".min-w-2xs" declarations: (#<declaration property: min-width value: "0.24rem">)> #<rule selector: ".min-w-xs" declarations: (#<declaration property: min-width value: "0.48rem">)> #<rule selector: ".min-w-sm" declarations: (#<declaration property: min-width value: "0.72rem">)> #<rule selector: ".min-w-md" declarations: (#<declaration property: min-width value: "0.96rem">)> #<rule selector: ".min-w-lg" declarations: (#<declaration property: min-width value: "1.20rem">)> #<rule selector: ".min-w-xl" declarations: (#<declaration property: min-width value: "1.44rem">)> #<rule selector: ".min-w-2xl" declarations: (#<declaration property: min-width value: "1.68rem">)> #<rule selector: ".min-w-3xl" declarations: (#<declaration property: min-width value: "1.92rem">)> #<rule selector: ".min-w-4xl" declarations: (#<declaration property: min-width value: "2.16rem">)> #<rule selector: ".min-w-5xl" declarations: (#<declaration property: min-width value: "2.40rem">)> #<rule selector: ".min-w-2\\/3" declarations: (#<declaration property: min-width value: "66.6%">)> #<rule selector: ".min-w-1\\/3" declarations: (#<declaration property: min-width value: "33.3%">)> #<rule selector: ".min-w-1\\/2" declarations: (#<declaration property: min-width value: "50%">)> #<rule selector: ".min-w-3\\/4" declarations: (#<declaration property: min-width value: "75%">)> #<rule selector: ".min-w-1\\/4" declarations: (#<declaration property: min-width value: "25%">)> #<rule selector: ".min-w-4\\/5" declarations: (#<declaration property: min-width value: "80%">)> #<rule selector: ".min-w-3\\/5" declarations: (#<declaration property: min-width value: "60%">)> #<rule selector: ".min-w-2\\/5" declarations: (#<declaration property: min-width value: "40%">)> #<rule selector: ".min-w-1\\/5" declarations: (#<declaration property: min-width value: "20%">)> #<rule selector: ".min-w-5\\/6" declarations: (#<declaration property: min-width value: "83.3%">)> #<rule selector: ".min-w-1\\/6" declarations: (#<declaration property: min-width value: "16.6%">)> #<rule selector: ".min-w-1\\/8" declarations: (#<declaration property: min-width value: "12.5%">)>) (#<rule selector: ".max-w-0" declarations: (#<declaration property: max-width value: "0.00rem">)> #<rule selector: ".max-w-1" declarations: (#<declaration property: max-width value: "0.24rem">)> #<rule selector: ".max-w-2" declarations: (#<declaration property: max-width value: "0.48rem">)> #<rule selector: ".max-w-3" declarations: (#<declaration property: max-width value: "0.72rem">)> #<rule selector: ".max-w-4" declarations: (#<declaration property: max-width value: "0.96rem">)> #<rule selector: ".max-w-5" declarations: (#<declaration property: max-width value: "1.20rem">)> #<rule selector: ".max-w-6" declarations: (#<declaration property: max-width value: "1.44rem">)> #<rule selector: ".max-w-7" declarations: (#<declaration property: max-width value: "1.68rem">)> #<rule selector: ".max-w-8" declarations: (#<declaration property: max-width value: "1.92rem">)> #<rule selector: ".max-w-9" declarations: (#<declaration property: max-width value: "2.16rem">)> #<rule selector: ".max-w-10" declarations: (#<declaration property: max-width value: "2.40rem">)> #<rule selector: ".max-w-12" declarations: (#<declaration property: max-width value: "2.88rem">)> #<rule selector: ".max-w-14" declarations: (#<declaration property: max-width value: "3.36rem">)> #<rule selector: ".max-w-16" declarations: (#<declaration property: max-width value: "3.84rem">)> #<rule selector: ".max-w-20" declarations: (#<declaration property: max-width value: "4.80rem">)> #<rule selector: ".max-w-24" declarations: (#<declaration property: max-width value: "5.76rem">)> #<rule selector: ".max-w-28" declarations: (#<declaration property: max-width value: "6.72rem">)> #<rule selector: ".max-w-32" declarations: (#<declaration property: max-width value: "7.68rem">)> #<rule selector: ".max-w-48" declarations: (#<declaration property: max-width value: "11.52rem">)> #<rule selector: ".max-w-64" declarations: (#<declaration property: max-width value: "15.36rem">)> #<rule selector: ".max-w-72" declarations: (#<declaration property: max-width value: "17.28rem">)> #<rule selector: ".max-w-90" declarations: (#<declaration property: max-width value: "21.60rem">)> #<rule selector: ".max-w-96" declarations: (#<declaration property: max-width value: "23.04rem">)> #<rule selector: ".max-w-100" declarations: (#<declaration property: max-width value: "24.00rem">)> #<rule selector: ".max-w-128" declarations: (#<declaration property: max-width value: "30.72rem">)> #<rule selector: ".max-w-196" declarations: (#<declaration property: max-width value: "47.04rem">)> #<rule selector: ".max-w-212" declarations: (#<declaration property: max-width value: "50.88rem">)> #<rule selector: ".max-w-256" declarations: (#<declaration property: max-width value: "61.44rem">)> #<rule selector: ".max-w-312" declarations: (#<declaration property: max-width value: "74.88rem">)> #<rule selector: ".max-w-360" declarations: (#<declaration property: max-width value: "86.40rem">)> #<rule selector: ".max-w-420" declarations: (#<declaration property: max-width value: "100.80rem">)> #<rule selector: ".max-w-512" declarations: (#<declaration property: max-width value: "122.88rem">)> #<rule selector: ".max-w-2xs" declarations: (#<declaration property: max-width value: "0.24rem">)> #<rule selector: ".max-w-xs" declarations: (#<declaration property: max-width value: "0.48rem">)> #<rule selector: ".max-w-sm" declarations: (#<declaration property: max-width value: "0.72rem">)> #<rule selector: ".max-w-md" declarations: (#<declaration property: max-width value: "0.96rem">)> #<rule selector: ".max-w-lg" declarations: (#<declaration property: max-width value: "1.20rem">)> #<rule selector: ".max-w-xl" declarations: (#<declaration property: max-width value: "1.44rem">)> #<rule selector: ".max-w-2xl" declarations: (#<declaration property: max-width value: "1.68rem">)> #<rule selector: ".max-w-3xl" declarations: (#<declaration property: max-width value: "1.92rem">)> #<rule selector: ".max-w-4xl" declarations: (#<declaration property: max-width value: "2.16rem">)> #<rule selector: ".max-w-5xl" declarations: (#<declaration property: max-width value: "2.40rem">)> #<rule selector: ".max-w-2\\/3" declarations: (#<declaration property: max-width value: "66.6%">)> #<rule selector: ".max-w-1\\/3" declarations: (#<declaration property: max-width value: "33.3%">)> #<rule selector: ".max-w-1\\/2" declarations: (#<declaration property: max-width value: "50%">)> #<rule selector: ".max-w-3\\/4" declarations: (#<declaration property: max-width value: "75%">)> #<rule selector: ".max-w-1\\/4" declarations: (#<declaration property: max-width value: "25%">)> #<rule selector: ".max-w-4\\/5" declarations: (#<declaration property: max-width value: "80%">)> #<rule selector: ".max-w-3\\/5" declarations: (#<declaration property: max-width value: "60%">)> #<rule selector: ".max-w-2\\/5" declarations: (#<declaration property: max-width value: "40%">)> #<rule selector: ".max-w-1\\/5" declarations: (#<declaration property: max-width value: "20%">)> #<rule selector: ".max-w-5\\/6" declarations: (#<declaration property: max-width value: "83.3%">)> #<rule selector: ".max-w-1\\/6" declarations: (#<declaration property: max-width value: "16.6%">)> #<rule selector: ".max-w-1\\/8" declarations: (#<declaration property: max-width value: "12.5%">)>)) (#<rule selector: ".h-screen" declarations: (#<declaration property: height value: "100vh">)> #<rule selector: ".min-h-screen" declarations: (#<declaration property: min-height value: "100vh">)> #<rule selector: ".max-h-screen" declarations: (#<declaration property: max-height value: "100vh">)> #<rule selector: ".h-full" declarations: (#<declaration property: height value: "100%">)> #<rule selector: ".min-h-full" declarations: (#<declaration property: min-height value: "100%">)> #<rule selector: ".max-h-full" declarations: (#<declaration property: max-height value: "100%">)> #<rule selector: ".h-auto" declarations: (#<declaration property: height value: auto>)> #<rule selector: ".min-h-auto" declarations: (#<declaration property: min-height value: auto>)> #<rule selector: ".max-h-none" declarations: (#<declaration property: max-height value: none>)> #<rule selector: ".h-fit" declarations: (#<declaration property: height value: fit-content>)> #<rule selector: ".min-h-fit" declarations: (#<declaration property: min-height value: fit-content>)> #<rule selector: ".h-min" declarations: (#<declaration property: height value: min-content>)> #<rule selector: ".h-max" declarations: (#<declaration property: height value: max-content>)> #<rule selector: ".h-dvh" declarations: (#<declaration property: height value: "100dvh">)> #<rule selector: ".min-h-dvh" declarations: (#<declaration property: min-height value: "100dvh">)> #<rule selector: ".h-svh" declarations: (#<declaration property: height value: "100svh">)> #<rule selector: ".h-lvh" declarations: (#<declaration property: height value: "100lvh">)> #<rule selector: ".h-dvw" declarations: (#<declaration property: height value: "100dvw">)> #<rule selector: ".h-svw" declarations: (#<declaration property: height value: "100svw">)> #<rule selector: ".h-lvw" declarations: (#<declaration property: height value: "100lvw">)> #<rule selector: ".min-h-svh" declarations: (#<declaration property: min-height value: "100svh">)> #<rule selector: ".min-h-lvh" declarations: (#<declaration property: min-height value: "100lvh">)> #<rule selector: ".max-h-dvh" declarations: (#<declaration property: max-height value: "100dvh">)> #<rule selector: ".max-h-svh" declarations: (#<declaration property: max-height value: "100svh">)> (#<rule selector: ".h-0" declarations: (#<declaration property: height value: "0.00rem">)> #<rule selector: ".h-1" declarations: (#<declaration property: height value: "0.24rem">)> #<rule selector: ".h-2" declarations: (#<declaration property: height value: "0.48rem">)> #<rule selector: ".h-3" declarations: (#<declaration property: height value: "0.72rem">)> #<rule selector: ".h-4" declarations: (#<declaration property: height value: "0.96rem">)> #<rule selector: ".h-5" declarations: (#<declaration property: height value: "1.20rem">)> #<rule selector: ".h-6" declarations: (#<declaration property: height value: "1.44rem">)> #<rule selector: ".h-7" declarations: (#<declaration property: height value: "1.68rem">)> #<rule selector: ".h-8" declarations: (#<declaration property: height value: "1.92rem">)> #<rule selector: ".h-9" declarations: (#<declaration property: height value: "2.16rem">)> #<rule selector: ".h-10" declarations: (#<declaration property: height value: "2.40rem">)> #<rule selector: ".h-12" declarations: (#<declaration property: height value: "2.88rem">)> #<rule selector: ".h-14" declarations: (#<declaration property: height value: "3.36rem">)> #<rule selector: ".h-16" declarations: (#<declaration property: height value: "3.84rem">)> #<rule selector: ".h-20" declarations: (#<declaration property: height value: "4.80rem">)> #<rule selector: ".h-24" declarations: (#<declaration property: height value: "5.76rem">)> #<rule selector: ".h-28" declarations: (#<declaration property: height value: "6.72rem">)> #<rule selector: ".h-32" declarations: (#<declaration property: height value: "7.68rem">)> #<rule selector: ".h-48" declarations: (#<declaration property: height value: "11.52rem">)> #<rule selector: ".h-64" declarations: (#<declaration property: height value: "15.36rem">)> #<rule selector: ".h-72" declarations: (#<declaration property: height value: "17.28rem">)> #<rule selector: ".h-90" declarations: (#<declaration property: height value: "21.60rem">)> #<rule selector: ".h-96" declarations: (#<declaration property: height value: "23.04rem">)> #<rule selector: ".h-100" declarations: (#<declaration property: height value: "24.00rem">)> #<rule selector: ".h-128" declarations: (#<declaration property: height value: "30.72rem">)> #<rule selector: ".h-196" declarations: (#<declaration property: height value: "47.04rem">)> #<rule selector: ".h-212" declarations: (#<declaration property: height value: "50.88rem">)> #<rule selector: ".h-256" declarations: (#<declaration property: height value: "61.44rem">)> #<rule selector: ".h-312" declarations: (#<declaration property: height value: "74.88rem">)> #<rule selector: ".h-360" declarations: (#<declaration property: height value: "86.40rem">)> #<rule selector: ".h-420" declarations: (#<declaration property: height value: "100.80rem">)> #<rule selector: ".h-512" declarations: (#<declaration property: height value: "122.88rem">)> #<rule selector: ".h-2xs" declarations: (#<declaration property: height value: "0.24rem">)> #<rule selector: ".h-xs" declarations: (#<declaration property: height value: "0.48rem">)> #<rule selector: ".h-sm" declarations: (#<declaration property: height value: "0.72rem">)> #<rule selector: ".h-md" declarations: (#<declaration property: height value: "0.96rem">)> #<rule selector: ".h-lg" declarations: (#<declaration property: height value: "1.20rem">)> #<rule selector: ".h-xl" declarations: (#<declaration property: height value: "1.44rem">)> #<rule selector: ".h-2xl" declarations: (#<declaration property: height value: "1.68rem">)> #<rule selector: ".h-3xl" declarations: (#<declaration property: height value: "1.92rem">)> #<rule selector: ".h-4xl" declarations: (#<declaration property: height value: "2.16rem">)> #<rule selector: ".h-5xl" declarations: (#<declaration property: height value: "2.40rem">)> #<rule selector: ".h-2\\/3" declarations: (#<declaration property: height value: "66.6%">)> #<rule selector: ".h-1\\/3" declarations: (#<declaration property: height value: "33.3%">)> #<rule selector: ".h-1\\/2" declarations: (#<declaration property: height value: "50%">)> #<rule selector: ".h-3\\/4" declarations: (#<declaration property: height value: "75%">)> #<rule selector: ".h-1\\/4" declarations: (#<declaration property: height value: "25%">)> #<rule selector: ".h-4\\/5" declarations: (#<declaration property: height value: "80%">)> #<rule selector: ".h-3\\/5" declarations: (#<declaration property: height value: "60%">)> #<rule selector: ".h-2\\/5" declarations: (#<declaration property: height value: "40%">)> #<rule selector: ".h-1\\/5" declarations: (#<declaration property: height value: "20%">)> #<rule selector: ".h-5\\/6" declarations: (#<declaration property: height value: "83.3%">)> #<rule selector: ".h-1\\/6" declarations: (#<declaration property: height value: "16.6%">)> #<rule selector: ".h-1\\/8" declarations: (#<declaration property: height value: "12.5%">)>) (#<rule selector: ".min-h-0" declarations: (#<declaration property: min-height value: "0.00rem">)> #<rule selector: ".min-h-1" declarations: (#<declaration property: min-height value: "0.24rem">)> #<rule selector: ".min-h-2" declarations: (#<declaration property: min-height value: "0.48rem">)> #<rule selector: ".min-h-3" declarations: (#<declaration property: min-height value: "0.72rem">)> #<rule selector: ".min-h-4" declarations: (#<declaration property: min-height value: "0.96rem">)> #<rule selector: ".min-h-5" declarations: (#<declaration property: min-height value: "1.20rem">)> #<rule selector: ".min-h-6" declarations: (#<declaration property: min-height value: "1.44rem">)> #<rule selector: ".min-h-7" declarations: (#<declaration property: min-height value: "1.68rem">)> #<rule selector: ".min-h-8" declarations: (#<declaration property: min-height value: "1.92rem">)> #<rule selector: ".min-h-9" declarations: (#<declaration property: min-height value: "2.16rem">)> #<rule selector: ".min-h-10" declarations: (#<declaration property: min-height value: "2.40rem">)> #<rule selector: ".min-h-12" declarations: (#<declaration property: min-height value: "2.88rem">)> #<rule selector: ".min-h-14" declarations: (#<declaration property: min-height value: "3.36rem">)> #<rule selector: ".min-h-16" declarations: (#<declaration property: min-height value: "3.84rem">)> #<rule selector: ".min-h-20" declarations: (#<declaration property: min-height value: "4.80rem">)> #<rule selector: ".min-h-24" declarations: (#<declaration property: min-height value: "5.76rem">)> #<rule selector: ".min-h-28" declarations: (#<declaration property: min-height value: "6.72rem">)> #<rule selector: ".min-h-32" declarations: (#<declaration property: min-height value: "7.68rem">)> #<rule selector: ".min-h-48" declarations: (#<declaration property: min-height value: "11.52rem">)> #<rule selector: ".min-h-64" declarations: (#<declaration property: min-height value: "15.36rem">)> #<rule selector: ".min-h-72" declarations: (#<declaration property: min-height value: "17.28rem">)> #<rule selector: ".min-h-90" declarations: (#<declaration property: min-height value: "21.60rem">)> #<rule selector: ".min-h-96" declarations: (#<declaration property: min-height value: "23.04rem">)> #<rule selector: ".min-h-100" declarations: (#<declaration property: min-height value: "24.00rem">)> #<rule selector: ".min-h-128" declarations: (#<declaration property: min-height value: "30.72rem">)> #<rule selector: ".min-h-196" declarations: (#<declaration property: min-height value: "47.04rem">)> #<rule selector: ".min-h-212" declarations: (#<declaration property: min-height value: "50.88rem">)> #<rule selector: ".min-h-256" declarations: (#<declaration property: min-height value: "61.44rem">)> #<rule selector: ".min-h-312" declarations: (#<declaration property: min-height value: "74.88rem">)> #<rule selector: ".min-h-360" declarations: (#<declaration property: min-height value: "86.40rem">)> #<rule selector: ".min-h-420" declarations: (#<declaration property: min-height value: "100.80rem">)> #<rule selector: ".min-h-512" declarations: (#<declaration property: min-height value: "122.88rem">)> #<rule selector: ".min-h-2xs" declarations: (#<declaration property: min-height value: "0.24rem">)> #<rule selector: ".min-h-xs" declarations: (#<declaration property: min-height value: "0.48rem">)> #<rule selector: ".min-h-sm" declarations: (#<declaration property: min-height value: "0.72rem">)> #<rule selector: ".min-h-md" declarations: (#<declaration property: min-height value: "0.96rem">)> #<rule selector: ".min-h-lg" declarations: (#<declaration property: min-height value: "1.20rem">)> #<rule selector: ".min-h-xl" declarations: (#<declaration property: min-height value: "1.44rem">)> #<rule selector: ".min-h-2xl" declarations: (#<declaration property: min-height value: "1.68rem">)> #<rule selector: ".min-h-3xl" declarations: (#<declaration property: min-height value: "1.92rem">)> #<rule selector: ".min-h-4xl" declarations: (#<declaration property: min-height value: "2.16rem">)> #<rule selector: ".min-h-5xl" declarations: (#<declaration property: min-height value: "2.40rem">)> #<rule selector: ".min-h-2\\/3" declarations: (#<declaration property: min-height value: "66.6%">)> #<rule selector: ".min-h-1\\/3" declarations: (#<declaration property: min-height value: "33.3%">)> #<rule selector: ".min-h-1\\/2" declarations: (#<declaration property: min-height value: "50%">)> #<rule selector: ".min-h-3\\/4" declarations: (#<declaration property: min-height value: "75%">)> #<rule selector: ".min-h-1\\/4" declarations: (#<declaration property: min-height value: "25%">)> #<rule selector: ".min-h-4\\/5" declarations: (#<declaration property: min-height value: "80%">)> #<rule selector: ".min-h-3\\/5" declarations: (#<declaration property: min-height value: "60%">)> #<rule selector: ".min-h-2\\/5" declarations: (#<declaration property: min-height value: "40%">)> #<rule selector: ".min-h-1\\/5" declarations: (#<declaration property: min-height value: "20%">)> #<rule selector: ".min-h-5\\/6" declarations: (#<declaration property: min-height value: "83.3%">)> #<rule selector: ".min-h-1\\/6" declarations: (#<declaration property: min-height value: "16.6%">)> #<rule selector: ".min-h-1\\/8" declarations: (#<declaration property: min-height value: "12.5%">)>) (#<rule selector: ".max-h-0" declarations: (#<declaration property: max-height value: "0.00rem">)> #<rule selector: ".max-h-1" declarations: (#<declaration property: max-height value: "0.24rem">)> #<rule selector: ".max-h-2" declarations: (#<declaration property: max-height value: "0.48rem">)> #<rule selector: ".max-h-3" declarations: (#<declaration property: max-height value: "0.72rem">)> #<rule selector: ".max-h-4" declarations: (#<declaration property: max-height value: "0.96rem">)> #<rule selector: ".max-h-5" declarations: (#<declaration property: max-height value: "1.20rem">)> #<rule selector: ".max-h-6" declarations: (#<declaration property: max-height value: "1.44rem">)> #<rule selector: ".max-h-7" declarations: (#<declaration property: max-height value: "1.68rem">)> #<rule selector: ".max-h-8" declarations: (#<declaration property: max-height value: "1.92rem">)> #<rule selector: ".max-h-9" declarations: (#<declaration property: max-height value: "2.16rem">)> #<rule selector: ".max-h-10" declarations: (#<declaration property: max-height value: "2.40rem">)> #<rule selector: ".max-h-12" declarations: (#<declaration property: max-height value: "2.88rem">)> #<rule selector: ".max-h-14" declarations: (#<declaration property: max-height value: "3.36rem">)> #<rule selector: ".max-h-16" declarations: (#<declaration property: max-height value: "3.84rem">)> #<rule selector: ".max-h-20" declarations: (#<declaration property: max-height value: "4.80rem">)> #<rule selector: ".max-h-24" declarations: (#<declaration property: max-height value: "5.76rem">)> #<rule selector: ".max-h-28" declarations: (#<declaration property: max-height value: "6.72rem">)> #<rule selector: ".max-h-32" declarations: (#<declaration property: max-height value: "7.68rem">)> #<rule selector: ".max-h-48" declarations: (#<declaration property: max-height value: "11.52rem">)> #<rule selector: ".max-h-64" declarations: (#<declaration property: max-height value: "15.36rem">)> #<rule selector: ".max-h-72" declarations: (#<declaration property: max-height value: "17.28rem">)> #<rule selector: ".max-h-90" declarations: (#<declaration property: max-height value: "21.60rem">)> #<rule selector: ".max-h-96" declarations: (#<declaration property: max-height value: "23.04rem">)> #<rule selector: ".max-h-100" declarations: (#<declaration property: max-height value: "24.00rem">)> #<rule selector: ".max-h-128" declarations: (#<declaration property: max-height value: "30.72rem">)> #<rule selector: ".max-h-196" declarations: (#<declaration property: max-height value: "47.04rem">)> #<rule selector: ".max-h-212" declarations: (#<declaration property: max-height value: "50.88rem">)> #<rule selector: ".max-h-256" declarations: (#<declaration property: max-height value: "61.44rem">)> #<rule selector: ".max-h-312" declarations: (#<declaration property: max-height value: "74.88rem">)> #<rule selector: ".max-h-360" declarations: (#<declaration property: max-height value: "86.40rem">)> #<rule selector: ".max-h-420" declarations: (#<declaration property: max-height value: "100.80rem">)> #<rule selector: ".max-h-512" declarations: (#<declaration property: max-height value: "122.88rem">)> #<rule selector: ".max-h-2xs" declarations: (#<declaration property: max-height value: "0.24rem">)> #<rule selector: ".max-h-xs" declarations: (#<declaration property: max-height value: "0.48rem">)> #<rule selector: ".max-h-sm" declarations: (#<declaration property: max-height value: "0.72rem">)> #<rule selector: ".max-h-md" declarations: (#<declaration property: max-height value: "0.96rem">)> #<rule selector: ".max-h-lg" declarations: (#<declaration property: max-height value: "1.20rem">)> #<rule selector: ".max-h-xl" declarations: (#<declaration property: max-height value: "1.44rem">)> #<rule selector: ".max-h-2xl" declarations: (#<declaration property: max-height value: "1.68rem">)> #<rule selector: ".max-h-3xl" declarations: (#<declaration property: max-height value: "1.92rem">)> #<rule selector: ".max-h-4xl" declarations: (#<declaration property: max-height value: "2.16rem">)> #<rule selector: ".max-h-5xl" declarations: (#<declaration property: max-height value: "2.40rem">)> #<rule selector: ".max-h-2\\/3" declarations: (#<declaration property: max-height value: "66.6%">)> #<rule selector: ".max-h-1\\/3" declarations: (#<declaration property: max-height value: "33.3%">)> #<rule selector: ".max-h-1\\/2" declarations: (#<declaration property: max-height value: "50%">)> #<rule selector: ".max-h-3\\/4" declarations: (#<declaration property: max-height value: "75%">)> #<rule selector: ".max-h-1\\/4" declarations: (#<declaration property: max-height value: "25%">)> #<rule selector: ".max-h-4\\/5" declarations: (#<declaration property: max-height value: "80%">)> #<rule selector: ".max-h-3\\/5" declarations: (#<declaration property: max-height value: "60%">)> #<rule selector: ".max-h-2\\/5" declarations: (#<declaration property: max-height value: "40%">)> #<rule selector: ".max-h-1\\/5" declarations: (#<declaration property: max-height value: "20%">)> #<rule selector: ".max-h-5\\/6" declarations: (#<declaration property: max-height value: "83.3%">)> #<rule selector: ".max-h-1\\/6" declarations: (#<declaration property: max-height value: "16.6%">)> #<rule selector: ".max-h-1\\/8" declarations: (#<declaration property: max-height value: "12.5%">)>)) (#<rule selector: ".size-full" declarations: (#<declaration property: width value: "100%"> #<declaration property: height value: "100%">)> #<rule selector: ".size-auto" declarations: (#<declaration property: width value: auto> #<declaration property: height value: auto>)> #<rule selector: ".size-fit" declarations: (#<declaration property: width value: fit-content> #<declaration property: height value: fit-content>)> #<rule selector: ".size-screen" declarations: (#<declaration property: width value: "100vw"> #<declaration property: height value: "100vh">)> #<rule selector: ".size-0" declarations: (#<declaration property: width value: "0.00rem"> #<declaration property: height value: "0.00rem">)> #<rule selector: ".size-1" declarations: (#<declaration property: width value: "0.24rem"> #<declaration property: height value: "0.24rem">)> #<rule selector: ".size-2" declarations: (#<declaration property: width value: "0.48rem"> #<declaration property: height value: "0.48rem">)> #<rule selector: ".size-3" declarations: (#<declaration property: width value: "0.72rem"> #<declaration property: height value: "0.72rem">)> #<rule selector: ".size-4" declarations: (#<declaration property: width value: "0.96rem"> #<declaration property: height value: "0.96rem">)> #<rule selector: ".size-5" declarations: (#<declaration property: width value: "1.20rem"> #<declaration property: height value: "1.20rem">)> #<rule selector: ".size-6" declarations: (#<declaration property: width value: "1.44rem"> #<declaration property: height value: "1.44rem">)> #<rule selector: ".size-7" declarations: (#<declaration property: width value: "1.68rem"> #<declaration property: height value: "1.68rem">)> #<rule selector: ".size-8" declarations: (#<declaration property: width value: "1.92rem"> #<declaration property: height value: "1.92rem">)> #<rule selector: ".size-9" declarations: (#<declaration property: width value: "2.16rem"> #<declaration property: height value: "2.16rem">)> #<rule selector: ".size-10" declarations: (#<declaration property: width value: "2.40rem"> #<declaration property: height value: "2.40rem">)> #<rule selector: ".size-12" declarations: (#<declaration property: width value: "2.88rem"> #<declaration property: height value: "2.88rem">)> #<rule selector: ".size-14" declarations: (#<declaration property: width value: "3.36rem"> #<declaration property: height value: "3.36rem">)> #<rule selector: ".size-16" declarations: (#<declaration property: width value: "3.84rem"> #<declaration property: height value: "3.84rem">)> #<rule selector: ".size-20" declarations: (#<declaration property: width value: "4.80rem"> #<declaration property: height value: "4.80rem">)> #<rule selector: ".size-24" declarations: (#<declaration property: width value: "5.76rem"> #<declaration property: height value: "5.76rem">)> #<rule selector: ".size-28" declarations: (#<declaration property: width value: "6.72rem"> #<declaration property: height value: "6.72rem">)> #<rule selector: ".size-32" declarations: (#<declaration property: width value: "7.68rem"> #<declaration property: height value: "7.68rem">)> #<rule selector: ".size-48" declarations: (#<declaration property: width value: "11.52rem"> #<declaration property: height value: "11.52rem">)> #<rule selector: ".size-64" declarations: (#<declaration property: width value: "15.36rem"> #<declaration property: height value: "15.36rem">)> #<rule selector: ".size-72" declarations: (#<declaration property: width value: "17.28rem"> #<declaration property: height value: "17.28rem">)> #<rule selector: ".size-90" declarations: (#<declaration property: width value: "21.60rem"> #<declaration property: height value: "21.60rem">)> #<rule selector: ".size-96" declarations: (#<declaration property: width value: "23.04rem"> #<declaration property: height value: "23.04rem">)> #<rule selector: ".size-100" declarations: (#<declaration property: width value: "24.00rem"> #<declaration property: height value: "24.00rem">)> #<rule selector: ".size-128" declarations: (#<declaration property: width value: "30.72rem"> #<declaration property: height value: "30.72rem">)> #<rule selector: ".size-196" declarations: (#<declaration property: width value: "47.04rem"> #<declaration property: height value: "47.04rem">)> #<rule selector: ".size-212" declarations: (#<declaration property: width value: "50.88rem"> #<declaration property: height value: "50.88rem">)> #<rule selector: ".size-256" declarations: (#<declaration property: width value: "61.44rem"> #<declaration property: height value: "61.44rem">)> #<rule selector: ".size-312" declarations: (#<declaration property: width value: "74.88rem"> #<declaration property: height value: "74.88rem">)> #<rule selector: ".size-360" declarations: (#<declaration property: width value: "86.40rem"> #<declaration property: height value: "86.40rem">)> #<rule selector: ".size-420" declarations: (#<declaration property: width value: "100.80rem"> #<declaration property: height value: "100.80rem">)> #<rule selector: ".size-512" declarations: (#<declaration property: width value: "122.88rem"> #<declaration property: height value: "122.88rem">)> #<rule selector: ".size-2xs" declarations: (#<declaration property: width value: "0.24rem"> #<declaration property: height value: "0.24rem">)> #<rule selector: ".size-xs" declarations: (#<declaration property: width value: "0.48rem"> #<declaration property: height value: "0.48rem">)> #<rule selector: ".size-sm" declarations: (#<declaration property: width value: "0.72rem"> #<declaration property: height value: "0.72rem">)> #<rule selector: ".size-md" declarations: (#<declaration property: width value: "0.96rem"> #<declaration property: height value: "0.96rem">)> #<rule selector: ".size-lg" declarations: (#<declaration property: width value: "1.20rem"> #<declaration property: height value: "1.20rem">)> #<rule selector: ".size-xl" declarations: (#<declaration property: width value: "1.44rem"> #<declaration property: height value: "1.44rem">)> #<rule selector: ".size-2xl" declarations: (#<declaration property: width value: "1.68rem"> #<declaration property: height value: "1.68rem">)> #<rule selector: ".size-3xl" declarations: (#<declaration property: width value: "1.92rem"> #<declaration property: height value: "1.92rem">)> #<rule selector: ".size-4xl" declarations: (#<declaration property: width value: "2.16rem"> #<declaration property: height value: "2.16rem">)> #<rule selector: ".size-5xl" declarations: (#<declaration property: width value: "2.40rem"> #<declaration property: height value: "2.40rem">)> #<rule selector: ".size-2\\/3" declarations: (#<declaration property: width value: "66.6%"> #<declaration property: height value: "66.6%">)> #<rule selector: ".size-1\\/3" declarations: (#<declaration property: width value: "33.3%"> #<declaration property: height value: "33.3%">)> #<rule selector: ".size-1\\/2" declarations: (#<declaration property: width value: "50%"> #<declaration property: height value: "50%">)> #<rule selector: ".size-3\\/4" declarations: (#<declaration property: width value: "75%"> #<declaration property: height value: "75%">)> #<rule selector: ".size-1\\/4" declarations: (#<declaration property: width value: "25%"> #<declaration property: height value: "25%">)> #<rule selector: ".size-4\\/5" declarations: (#<declaration property: width value: "80%"> #<declaration property: height value: "80%">)> #<rule selector: ".size-3\\/5" declarations: (#<declaration property: width value: "60%"> #<declaration property: height value: "60%">)> #<rule selector: ".size-2\\/5" declarations: (#<declaration property: width value: "40%"> #<declaration property: height value: "40%">)> #<rule selector: ".size-1\\/5" declarations: (#<declaration property: width value: "20%"> #<declaration property: height value: "20%">)> #<rule selector: ".size-5\\/6" declarations: (#<declaration property: width value: "83.3%"> #<declaration property: height value: "83.3%">)> #<rule selector: ".size-1\\/6" declarations: (#<declaration property: width value: "16.6%"> #<declaration property: height value: "16.6%">)> #<rule selector: ".size-1\\/8" declarations: (#<declaration property: width value: "12.5%"> #<declaration property: height value: "12.5%">)>))

Parameter: width ¶

Default value:

(#<rule selector: ".w-screen" declarations: (#<declaration property: width value: "100vw">)> #<rule selector: ".min-w-screen" declarations: (#<declaration property: min-width value: "100vw">)> #<rule selector: ".max-w-screen" declarations: (#<declaration property: max-width value: "100vw">)> #<rule selector: ".min-w-prose" declarations: (#<declaration property: min-width value: "84ch">)> #<rule selector: ".w-full" declarations: (#<declaration property: width value: "100%">)> #<rule selector: ".min-w-full" declarations: (#<declaration property: min-width value: "100%">)> #<rule selector: ".max-w-full" declarations: (#<declaration property: max-width value: "100%">)> #<rule selector: ".max-w-prose" declarations: (#<declaration property: max-width value: "84ch">)> #<rule selector: ".w-auto" declarations: (#<declaration property: width value: auto>)> #<rule selector: ".min-w-auto" declarations: (#<declaration property: min-width value: auto>)> #<rule selector: ".max-w-none" declarations: (#<declaration property: max-width value: none>)> #<rule selector: ".w-fit" declarations: (#<declaration property: width value: fit-content>)> #<rule selector: ".min-w-fit" declarations: (#<declaration property: min-width value: fit-content>)> #<rule selector: ".max-w-fit" declarations: (#<declaration property: max-width value: fit-content>)> #<rule selector: ".w-min" declarations: (#<declaration property: width value: min-content>)> #<rule selector: ".w-max" declarations: (#<declaration property: width value: max-content>)> #<rule selector: ".w-dvw" declarations: (#<declaration property: width value: "100dvw">)> #<rule selector: ".w-svw" declarations: (#<declaration property: width value: "100svw">)> #<rule selector: ".w-lvw" declarations: (#<declaration property: width value: "100lvw">)> (#<rule selector: ".w-0" declarations: (#<declaration property: width value: "0.00rem">)> #<rule selector: ".w-1" declarations: (#<declaration property: width value: "0.24rem">)> #<rule selector: ".w-2" declarations: (#<declaration property: width value: "0.48rem">)> #<rule selector: ".w-3" declarations: (#<declaration property: width value: "0.72rem">)> #<rule selector: ".w-4" declarations: (#<declaration property: width value: "0.96rem">)> #<rule selector: ".w-5" declarations: (#<declaration property: width value: "1.20rem">)> #<rule selector: ".w-6" declarations: (#<declaration property: width value: "1.44rem">)> #<rule selector: ".w-7" declarations: (#<declaration property: width value: "1.68rem">)> #<rule selector: ".w-8" declarations: (#<declaration property: width value: "1.92rem">)> #<rule selector: ".w-9" declarations: (#<declaration property: width value: "2.16rem">)> #<rule selector: ".w-10" declarations: (#<declaration property: width value: "2.40rem">)> #<rule selector: ".w-12" declarations: (#<declaration property: width value: "2.88rem">)> #<rule selector: ".w-14" declarations: (#<declaration property: width value: "3.36rem">)> #<rule selector: ".w-16" declarations: (#<declaration property: width value: "3.84rem">)> #<rule selector: ".w-20" declarations: (#<declaration property: width value: "4.80rem">)> #<rule selector: ".w-24" declarations: (#<declaration property: width value: "5.76rem">)> #<rule selector: ".w-28" declarations: (#<declaration property: width value: "6.72rem">)> #<rule selector: ".w-32" declarations: (#<declaration property: width value: "7.68rem">)> #<rule selector: ".w-48" declarations: (#<declaration property: width value: "11.52rem">)> #<rule selector: ".w-64" declarations: (#<declaration property: width value: "15.36rem">)> #<rule selector: ".w-72" declarations: (#<declaration property: width value: "17.28rem">)> #<rule selector: ".w-90" declarations: (#<declaration property: width value: "21.60rem">)> #<rule selector: ".w-96" declarations: (#<declaration property: width value: "23.04rem">)> #<rule selector: ".w-100" declarations: (#<declaration property: width value: "24.00rem">)> #<rule selector: ".w-128" declarations: (#<declaration property: width value: "30.72rem">)> #<rule selector: ".w-196" declarations: (#<declaration property: width value: "47.04rem">)> #<rule selector: ".w-212" declarations: (#<declaration property: width value: "50.88rem">)> #<rule selector: ".w-256" declarations: (#<declaration property: width value: "61.44rem">)> #<rule selector: ".w-312" declarations: (#<declaration property: width value: "74.88rem">)> #<rule selector: ".w-360" declarations: (#<declaration property: width value: "86.40rem">)> #<rule selector: ".w-420" declarations: (#<declaration property: width value: "100.80rem">)> #<rule selector: ".w-512" declarations: (#<declaration property: width value: "122.88rem">)> #<rule selector: ".w-2xs" declarations: (#<declaration property: width value: "0.24rem">)> #<rule selector: ".w-xs" declarations: (#<declaration property: width value: "0.48rem">)> #<rule selector: ".w-sm" declarations: (#<declaration property: width value: "0.72rem">)> #<rule selector: ".w-md" declarations: (#<declaration property: width value: "0.96rem">)> #<rule selector: ".w-lg" declarations: (#<declaration property: width value: "1.20rem">)> #<rule selector: ".w-xl" declarations: (#<declaration property: width value: "1.44rem">)> #<rule selector: ".w-2xl" declarations: (#<declaration property: width value: "1.68rem">)> #<rule selector: ".w-3xl" declarations: (#<declaration property: width value: "1.92rem">)> #<rule selector: ".w-4xl" declarations: (#<declaration property: width value: "2.16rem">)> #<rule selector: ".w-5xl" declarations: (#<declaration property: width value: "2.40rem">)> #<rule selector: ".w-2\\/3" declarations: (#<declaration property: width value: "66.6%">)> #<rule selector: ".w-1\\/3" declarations: (#<declaration property: width value: "33.3%">)> #<rule selector: ".w-1\\/2" declarations: (#<declaration property: width value: "50%">)> #<rule selector: ".w-3\\/4" declarations: (#<declaration property: width value: "75%">)> #<rule selector: ".w-1\\/4" declarations: (#<declaration property: width value: "25%">)> #<rule selector: ".w-4\\/5" declarations: (#<declaration property: width value: "80%">)> #<rule selector: ".w-3\\/5" declarations: (#<declaration property: width value: "60%">)> #<rule selector: ".w-2\\/5" declarations: (#<declaration property: width value: "40%">)> #<rule selector: ".w-1\\/5" declarations: (#<declaration property: width value: "20%">)> #<rule selector: ".w-5\\/6" declarations: (#<declaration property: width value: "83.3%">)> #<rule selector: ".w-1\\/6" declarations: (#<declaration property: width value: "16.6%">)> #<rule selector: ".w-1\\/8" declarations: (#<declaration property: width value: "12.5%">)>) (#<rule selector: ".min-w-0" declarations: (#<declaration property: min-width value: "0.00rem">)> #<rule selector: ".min-w-1" declarations: (#<declaration property: min-width value: "0.24rem">)> #<rule selector: ".min-w-2" declarations: (#<declaration property: min-width value: "0.48rem">)> #<rule selector: ".min-w-3" declarations: (#<declaration property: min-width value: "0.72rem">)> #<rule selector: ".min-w-4" declarations: (#<declaration property: min-width value: "0.96rem">)> #<rule selector: ".min-w-5" declarations: (#<declaration property: min-width value: "1.20rem">)> #<rule selector: ".min-w-6" declarations: (#<declaration property: min-width value: "1.44rem">)> #<rule selector: ".min-w-7" declarations: (#<declaration property: min-width value: "1.68rem">)> #<rule selector: ".min-w-8" declarations: (#<declaration property: min-width value: "1.92rem">)> #<rule selector: ".min-w-9" declarations: (#<declaration property: min-width value: "2.16rem">)> #<rule selector: ".min-w-10" declarations: (#<declaration property: min-width value: "2.40rem">)> #<rule selector: ".min-w-12" declarations: (#<declaration property: min-width value: "2.88rem">)> #<rule selector: ".min-w-14" declarations: (#<declaration property: min-width value: "3.36rem">)> #<rule selector: ".min-w-16" declarations: (#<declaration property: min-width value: "3.84rem">)> #<rule selector: ".min-w-20" declarations: (#<declaration property: min-width value: "4.80rem">)> #<rule selector: ".min-w-24" declarations: (#<declaration property: min-width value: "5.76rem">)> #<rule selector: ".min-w-28" declarations: (#<declaration property: min-width value: "6.72rem">)> #<rule selector: ".min-w-32" declarations: (#<declaration property: min-width value: "7.68rem">)> #<rule selector: ".min-w-48" declarations: (#<declaration property: min-width value: "11.52rem">)> #<rule selector: ".min-w-64" declarations: (#<declaration property: min-width value: "15.36rem">)> #<rule selector: ".min-w-72" declarations: (#<declaration property: min-width value: "17.28rem">)> #<rule selector: ".min-w-90" declarations: (#<declaration property: min-width value: "21.60rem">)> #<rule selector: ".min-w-96" declarations: (#<declaration property: min-width value: "23.04rem">)> #<rule selector: ".min-w-100" declarations: (#<declaration property: min-width value: "24.00rem">)> #<rule selector: ".min-w-128" declarations: (#<declaration property: min-width value: "30.72rem">)> #<rule selector: ".min-w-196" declarations: (#<declaration property: min-width value: "47.04rem">)> #<rule selector: ".min-w-212" declarations: (#<declaration property: min-width value: "50.88rem">)> #<rule selector: ".min-w-256" declarations: (#<declaration property: min-width value: "61.44rem">)> #<rule selector: ".min-w-312" declarations: (#<declaration property: min-width value: "74.88rem">)> #<rule selector: ".min-w-360" declarations: (#<declaration property: min-width value: "86.40rem">)> #<rule selector: ".min-w-420" declarations: (#<declaration property: min-width value: "100.80rem">)> #<rule selector: ".min-w-512" declarations: (#<declaration property: min-width value: "122.88rem">)> #<rule selector: ".min-w-2xs" declarations: (#<declaration property: min-width value: "0.24rem">)> #<rule selector: ".min-w-xs" declarations: (#<declaration property: min-width value: "0.48rem">)> #<rule selector: ".min-w-sm" declarations: (#<declaration property: min-width value: "0.72rem">)> #<rule selector: ".min-w-md" declarations: (#<declaration property: min-width value: "0.96rem">)> #<rule selector: ".min-w-lg" declarations: (#<declaration property: min-width value: "1.20rem">)> #<rule selector: ".min-w-xl" declarations: (#<declaration property: min-width value: "1.44rem">)> #<rule selector: ".min-w-2xl" declarations: (#<declaration property: min-width value: "1.68rem">)> #<rule selector: ".min-w-3xl" declarations: (#<declaration property: min-width value: "1.92rem">)> #<rule selector: ".min-w-4xl" declarations: (#<declaration property: min-width value: "2.16rem">)> #<rule selector: ".min-w-5xl" declarations: (#<declaration property: min-width value: "2.40rem">)> #<rule selector: ".min-w-2\\/3" declarations: (#<declaration property: min-width value: "66.6%">)> #<rule selector: ".min-w-1\\/3" declarations: (#<declaration property: min-width value: "33.3%">)> #<rule selector: ".min-w-1\\/2" declarations: (#<declaration property: min-width value: "50%">)> #<rule selector: ".min-w-3\\/4" declarations: (#<declaration property: min-width value: "75%">)> #<rule selector: ".min-w-1\\/4" declarations: (#<declaration property: min-width value: "25%">)> #<rule selector: ".min-w-4\\/5" declarations: (#<declaration property: min-width value: "80%">)> #<rule selector: ".min-w-3\\/5" declarations: (#<declaration property: min-width value: "60%">)> #<rule selector: ".min-w-2\\/5" declarations: (#<declaration property: min-width value: "40%">)> #<rule selector: ".min-w-1\\/5" declarations: (#<declaration property: min-width value: "20%">)> #<rule selector: ".min-w-5\\/6" declarations: (#<declaration property: min-width value: "83.3%">)> #<rule selector: ".min-w-1\\/6" declarations: (#<declaration property: min-width value: "16.6%">)> #<rule selector: ".min-w-1\\/8" declarations: (#<declaration property: min-width value: "12.5%">)>) (#<rule selector: ".max-w-0" declarations: (#<declaration property: max-width value: "0.00rem">)> #<rule selector: ".max-w-1" declarations: (#<declaration property: max-width value: "0.24rem">)> #<rule selector: ".max-w-2" declarations: (#<declaration property: max-width value: "0.48rem">)> #<rule selector: ".max-w-3" declarations: (#<declaration property: max-width value: "0.72rem">)> #<rule selector: ".max-w-4" declarations: (#<declaration property: max-width value: "0.96rem">)> #<rule selector: ".max-w-5" declarations: (#<declaration property: max-width value: "1.20rem">)> #<rule selector: ".max-w-6" declarations: (#<declaration property: max-width value: "1.44rem">)> #<rule selector: ".max-w-7" declarations: (#<declaration property: max-width value: "1.68rem">)> #<rule selector: ".max-w-8" declarations: (#<declaration property: max-width value: "1.92rem">)> #<rule selector: ".max-w-9" declarations: (#<declaration property: max-width value: "2.16rem">)> #<rule selector: ".max-w-10" declarations: (#<declaration property: max-width value: "2.40rem">)> #<rule selector: ".max-w-12" declarations: (#<declaration property: max-width value: "2.88rem">)> #<rule selector: ".max-w-14" declarations: (#<declaration property: max-width value: "3.36rem">)> #<rule selector: ".max-w-16" declarations: (#<declaration property: max-width value: "3.84rem">)> #<rule selector: ".max-w-20" declarations: (#<declaration property: max-width value: "4.80rem">)> #<rule selector: ".max-w-24" declarations: (#<declaration property: max-width value: "5.76rem">)> #<rule selector: ".max-w-28" declarations: (#<declaration property: max-width value: "6.72rem">)> #<rule selector: ".max-w-32" declarations: (#<declaration property: max-width value: "7.68rem">)> #<rule selector: ".max-w-48" declarations: (#<declaration property: max-width value: "11.52rem">)> #<rule selector: ".max-w-64" declarations: (#<declaration property: max-width value: "15.36rem">)> #<rule selector: ".max-w-72" declarations: (#<declaration property: max-width value: "17.28rem">)> #<rule selector: ".max-w-90" declarations: (#<declaration property: max-width value: "21.60rem">)> #<rule selector: ".max-w-96" declarations: (#<declaration property: max-width value: "23.04rem">)> #<rule selector: ".max-w-100" declarations: (#<declaration property: max-width value: "24.00rem">)> #<rule selector: ".max-w-128" declarations: (#<declaration property: max-width value: "30.72rem">)> #<rule selector: ".max-w-196" declarations: (#<declaration property: max-width value: "47.04rem">)> #<rule selector: ".max-w-212" declarations: (#<declaration property: max-width value: "50.88rem">)> #<rule selector: ".max-w-256" declarations: (#<declaration property: max-width value: "61.44rem">)> #<rule selector: ".max-w-312" declarations: (#<declaration property: max-width value: "74.88rem">)> #<rule selector: ".max-w-360" declarations: (#<declaration property: max-width value: "86.40rem">)> #<rule selector: ".max-w-420" declarations: (#<declaration property: max-width value: "100.80rem">)> #<rule selector: ".max-w-512" declarations: (#<declaration property: max-width value: "122.88rem">)> #<rule selector: ".max-w-2xs" declarations: (#<declaration property: max-width value: "0.24rem">)> #<rule selector: ".max-w-xs" declarations: (#<declaration property: max-width value: "0.48rem">)> #<rule selector: ".max-w-sm" declarations: (#<declaration property: max-width value: "0.72rem">)> #<rule selector: ".max-w-md" declarations: (#<declaration property: max-width value: "0.96rem">)> #<rule selector: ".max-w-lg" declarations: (#<declaration property: max-width value: "1.20rem">)> #<rule selector: ".max-w-xl" declarations: (#<declaration property: max-width value: "1.44rem">)> #<rule selector: ".max-w-2xl" declarations: (#<declaration property: max-width value: "1.68rem">)> #<rule selector: ".max-w-3xl" declarations: (#<declaration property: max-width value: "1.92rem">)> #<rule selector: ".max-w-4xl" declarations: (#<declaration property: max-width value: "2.16rem">)> #<rule selector: ".max-w-5xl" declarations: (#<declaration property: max-width value: "2.40rem">)> #<rule selector: ".max-w-2\\/3" declarations: (#<declaration property: max-width value: "66.6%">)> #<rule selector: ".max-w-1\\/3" declarations: (#<declaration property: max-width value: "33.3%">)> #<rule selector: ".max-w-1\\/2" declarations: (#<declaration property: max-width value: "50%">)> #<rule selector: ".max-w-3\\/4" declarations: (#<declaration property: max-width value: "75%">)> #<rule selector: ".max-w-1\\/4" declarations: (#<declaration property: max-width value: "25%">)> #<rule selector: ".max-w-4\\/5" declarations: (#<declaration property: max-width value: "80%">)> #<rule selector: ".max-w-3\\/5" declarations: (#<declaration property: max-width value: "60%">)> #<rule selector: ".max-w-2\\/5" declarations: (#<declaration property: max-width value: "40%">)> #<rule selector: ".max-w-1\\/5" declarations: (#<declaration property: max-width value: "20%">)> #<rule selector: ".max-w-5\\/6" declarations: (#<declaration property: max-width value: "83.3%">)> #<rule selector: ".max-w-1\\/6" declarations: (#<declaration property: max-width value: "16.6%">)> #<rule selector: ".max-w-1\\/8" declarations: (#<declaration property: max-width value: "12.5%">)>))

Parameter: width-multiplier ¶

Default value:

0.24