1.19.1 Parameters

Parameter: height ¶

Default value:

(#<rule selector: ".min-h-screen" declarations: (#<declaration property: min-height value: "1vh">)> #<rule selector: ".max-h-screen" declarations: (#<declaration property: max-height value: "1vh">)> #<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-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-256" declarations: (#<declaration property: height value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: min-height value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: max-height value: "61.44rem">)> #<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">)>))

Parameter: height-multiplier ¶

Default value:

0.24

Parameter: prose-size ¶

Default value:

"84ch"

Parameter: sizing-classes ¶

Default value:

((#<rule selector: ".min-w-screen" declarations: (#<declaration property: min-width value: "1vh">)> #<rule selector: ".max-w-screen" declarations: (#<declaration property: max-width value: "1vh">)> #<rule selector: ".min-w-prose" declarations: (#<declaration property: min-width value: "84ch">)> #<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-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-256" declarations: (#<declaration property: width value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: min-width value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: max-width value: "61.44rem">)> #<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: ".min-h-screen" declarations: (#<declaration property: min-height value: "1vh">)> #<rule selector: ".max-h-screen" declarations: (#<declaration property: max-height value: "1vh">)> #<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-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-256" declarations: (#<declaration property: height value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: min-height value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: max-height value: "61.44rem">)> #<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">)>)))

Parameter: width ¶

Default value:

(#<rule selector: ".min-w-screen" declarations: (#<declaration property: min-width value: "1vh">)> #<rule selector: ".max-w-screen" declarations: (#<declaration property: max-width value: "1vh">)> #<rule selector: ".min-w-prose" declarations: (#<declaration property: min-width value: "84ch">)> #<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-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-256" declarations: (#<declaration property: width value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: min-width value: "61.44rem">)> #<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: ".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-256" declarations: (#<declaration property: max-width value: "61.44rem">)> #<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">)>))

Parameter: width-multiplier ¶

Default value:

0.24