Next: , Previous: , Up: API  


1.21 (hygguile hss decl typography)

1.21.1 Parameters

Parameter: font-family

Default value:

(#<rule selector: ".font-sans" declarations: (#<declaration property: font-family value: "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'">)> #<rule selector: ".font-mono" declarations: (#<declaration property: font-family value: "'IBM Plex Mono', monospace">)> #<rule selector: ".font-serif" declarations: (#<declaration property: font-family value: "'IBM Plex Serif', ui-serif, serif, 'Times New Roman'">)>)
Parameter: font-size

Default value:

(#<rule selector: ".text-2xs" declarations: (#<declaration property: font-size value: "0.25rem">)> #<rule selector: ".text-xs" declarations: (#<declaration property: font-size value: "0.50rem">)> #<rule selector: ".text-sm" declarations: (#<declaration property: font-size value: "0.75rem">)> #<rule selector: ".text-md" declarations: (#<declaration property: font-size value: "1.00rem">)> #<rule selector: ".text-lg" declarations: (#<declaration property: font-size value: "1.25rem">)> #<rule selector: ".text-xl" declarations: (#<declaration property: font-size value: "1.50rem">)> #<rule selector: ".text-2xl" declarations: (#<declaration property: font-size value: "1.75rem">)> #<rule selector: ".text-3xl" declarations: (#<declaration property: font-size value: "2.00rem">)> #<rule selector: ".text-4xl" declarations: (#<declaration property: font-size value: "2.25rem">)> #<rule selector: ".text-5xl" declarations: (#<declaration property: font-size value: "2.50rem">)> #<rule selector: ".text-1" declarations: (#<declaration property: font-size value: "0.25rem">)> #<rule selector: ".text-2" declarations: (#<declaration property: font-size value: "0.50rem">)> #<rule selector: ".text-3" declarations: (#<declaration property: font-size value: "0.75rem">)> #<rule selector: ".text-4" declarations: (#<declaration property: font-size value: "1.00rem">)> #<rule selector: ".text-5" declarations: (#<declaration property: font-size value: "1.25rem">)> #<rule selector: ".text-6" declarations: (#<declaration property: font-size value: "1.50rem">)> #<rule selector: ".text-7" declarations: (#<declaration property: font-size value: "1.75rem">)> #<rule selector: ".text-8" declarations: (#<declaration property: font-size value: "2.00rem">)> #<rule selector: ".text-9" declarations: (#<declaration property: font-size value: "2.25rem">)> #<rule selector: ".text-10" declarations: (#<declaration property: font-size value: "2.50rem">)> #<rule selector: ".text-12" declarations: (#<declaration property: font-size value: "3.00rem">)> #<rule selector: ".text-14" declarations: (#<declaration property: font-size value: "3.50rem">)> #<rule selector: ".text-16" declarations: (#<declaration property: font-size value: "4.00rem">)> #<rule selector: ".text-20" declarations: (#<declaration property: font-size value: "5.00rem">)> #<rule selector: ".text-24" declarations: (#<declaration property: font-size value: "6.00rem">)> #<rule selector: ".text-28" declarations: (#<declaration property: font-size value: "7.00rem">)> #<rule selector: ".text-32" declarations: (#<declaration property: font-size value: "8.00rem">)> #<rule selector: ".text-48" declarations: (#<declaration property: font-size value: "12.00rem">)> #<rule selector: ".text-64" declarations: (#<declaration property: font-size value: "16.00rem">)> #<rule selector: ".text-72" declarations: (#<declaration property: font-size value: "18.00rem">)> #<rule selector: ".text-90" declarations: (#<declaration property: font-size value: "22.50rem">)> #<rule selector: ".text-96" declarations: (#<declaration property: font-size value: "24.00rem">)> #<rule selector: ".text-100" declarations: (#<declaration property: font-size value: "25.00rem">)> #<rule selector: ".text-128" declarations: (#<declaration property: font-size value: "32.00rem">)> #<rule selector: ".text-196" declarations: (#<declaration property: font-size value: "49.00rem">)> #<rule selector: ".text-256" declarations: (#<declaration property: font-size value: "64.00rem">)> #<rule selector: ".text-512" declarations: (#<declaration property: font-size value: "128.00rem">)>)
Parameter: font-size-multiplier

Default value:

0.25
Parameter: font-smoothing

Default value:

(#<rule selector: ".antialiased" declarations: (#<declaration property: "-webkit-font-smoothing" value: "antialiased"> #<declaration property: "-moz-osx-font-smoothing" value: "grayscale">)> #<rule selector: ".subpixel-antialiased" declarations: (#<declaration property: "-webkit-font-smoothing" value: "auto"> #<declaration property: "-moz-osx-font-smoothing" value: "auto">)>)
Parameter: font-stretch

Default value:

(#<rule selector: ".font-stretch-ultra-condensed" declarations: (#<declaration property: font-stretch value: ultra-condensed>)> #<rule selector: ".font-stretch-extra-condensed" declarations: (#<declaration property: font-stretch value: extra-condensed>)> #<rule selector: ".font-stretch-condensed" declarations: (#<declaration property: font-stretch value: condensed>)> #<rule selector: ".font-stretch-semi-condensed" declarations: (#<declaration property: font-stretch value: semi-condensed>)> #<rule selector: ".font-stretch-normal" declarations: (#<declaration property: font-stretch value: normal>)> #<rule selector: ".font-stretch-semi-expanded" declarations: (#<declaration property: font-stretch value: semi-expanded>)> #<rule selector: ".font-stretch-expanded" declarations: (#<declaration property: font-stretch value: expanded>)> #<rule selector: ".font-stretch-extra-expanded" declarations: (#<declaration property: font-stretch value: extra-expanded>)> #<rule selector: ".font-stretch-ultra-expanded" declarations: (#<declaration property: font-stretch value: ultra-expanded>)>)
Parameter: font-style

Default value:

(#<rule selector: ".italic" declarations: (#<declaration property: font-style value: italic>)> #<rule selector: ".not-italic" declarations: (#<declaration property: font-style value: normal>)>)
Parameter: font-variant-numeric

Default value:

(#<rule selector: ".normal-nums" declarations: (#<declaration property: font-variant-numeric value: normal>)> #<rule selector: ".ordinal" declarations: (#<declaration property: font-variant-numeric value: ordinal>)> #<rule selector: ".slashed-zero" declarations: (#<declaration property: font-variant-numeric value: slashed-zero>)> #<rule selector: ".lining-nums" declarations: (#<declaration property: font-variant-numeric value: lining-nums>)> #<rule selector: ".oldstyle-nums" declarations: (#<declaration property: font-variant-numeric value: oldstyle-nums>)> #<rule selector: ".proportional-nums" declarations: (#<declaration property: font-variant-numeric value: proportional-nums>)> #<rule selector: ".tabular-nums" declarations: (#<declaration property: font-variant-numeric value: tabular-nums>)> #<rule selector: ".diagonal-fractions" declarations: (#<declaration property: font-variant-numeric value: diagonal-fractions>)> #<rule selector: ".stacked-fractions" declarations: (#<declaration property: font-variant-numeric value: stacked-fractions>)>)
Parameter: font-weight

Default value:

(#<rule selector: ".font-thin" declarations: (#<declaration property: font-weight value: 100>)> #<rule selector: ".font-extralight" declarations: (#<declaration property: font-weight value: 200>)> #<rule selector: ".font-light" declarations: (#<declaration property: font-weight value: 300>)> #<rule selector: ".font-normal" declarations: (#<declaration property: font-weight value: 400>)> #<rule selector: ".font-medium" declarations: (#<declaration property: font-weight value: 500>)> #<rule selector: ".font-semibold" declarations: (#<declaration property: font-weight value: 600>)> #<rule selector: ".font-bold" declarations: (#<declaration property: font-weight value: 700>)> #<rule selector: ".font-extrabold" declarations: (#<declaration property: font-weight value: 800>)> #<rule selector: ".font-black" declarations: (#<declaration property: font-weight value: 900>)>)
Parameter: hyphens

Default value:

(#<rule selector: ".hyphens-none" declarations: (#<declaration property: hyphens value: none>)> #<rule selector: ".hyphens-manual" declarations: (#<declaration property: hyphens value: manual>)> #<rule selector: ".hyphens-auto" declarations: (#<declaration property: hyphens value: auto>)>)
Parameter: leading

Default value:

(#<rule selector: ".leading-none" declarations: (#<declaration property: line-height value: 1>)> (#<rule selector: ".leading-2xs" declarations: (#<declaration property: line-height value: "0.25rem">)> #<rule selector: ".leading-xs" declarations: (#<declaration property: line-height value: "0.50rem">)> #<rule selector: ".leading-sm" declarations: (#<declaration property: line-height value: "0.75rem">)> #<rule selector: ".leading-md" declarations: (#<declaration property: line-height value: "1.00rem">)> #<rule selector: ".leading-lg" declarations: (#<declaration property: line-height value: "1.25rem">)> #<rule selector: ".leading-xl" declarations: (#<declaration property: line-height value: "1.50rem">)> #<rule selector: ".leading-2xl" declarations: (#<declaration property: line-height value: "1.75rem">)> #<rule selector: ".leading-3xl" declarations: (#<declaration property: line-height value: "2.00rem">)> #<rule selector: ".leading-4xl" declarations: (#<declaration property: line-height value: "2.25rem">)> #<rule selector: ".leading-5xl" declarations: (#<declaration property: line-height value: "2.50rem">)> #<rule selector: ".leading-1" declarations: (#<declaration property: line-height value: "0.25rem">)> #<rule selector: ".leading-2" declarations: (#<declaration property: line-height value: "0.50rem">)> #<rule selector: ".leading-3" declarations: (#<declaration property: line-height value: "0.75rem">)> #<rule selector: ".leading-4" declarations: (#<declaration property: line-height value: "1.00rem">)> #<rule selector: ".leading-5" declarations: (#<declaration property: line-height value: "1.25rem">)> #<rule selector: ".leading-6" declarations: (#<declaration property: line-height value: "1.50rem">)> #<rule selector: ".leading-7" declarations: (#<declaration property: line-height value: "1.75rem">)> #<rule selector: ".leading-8" declarations: (#<declaration property: line-height value: "2.00rem">)> #<rule selector: ".leading-9" declarations: (#<declaration property: line-height value: "2.25rem">)> #<rule selector: ".leading-10" declarations: (#<declaration property: line-height value: "2.50rem">)> #<rule selector: ".leading-12" declarations: (#<declaration property: line-height value: "3.00rem">)> #<rule selector: ".leading-14" declarations: (#<declaration property: line-height value: "3.50rem">)> #<rule selector: ".leading-16" declarations: (#<declaration property: line-height value: "4.00rem">)> #<rule selector: ".leading-20" declarations: (#<declaration property: line-height value: "5.00rem">)> #<rule selector: ".leading-24" declarations: (#<declaration property: line-height value: "6.00rem">)> #<rule selector: ".leading-28" declarations: (#<declaration property: line-height value: "7.00rem">)> #<rule selector: ".leading-32" declarations: (#<declaration property: line-height value: "8.00rem">)> #<rule selector: ".leading-48" declarations: (#<declaration property: line-height value: "12.00rem">)> #<rule selector: ".leading-64" declarations: (#<declaration property: line-height value: "16.00rem">)> #<rule selector: ".leading-72" declarations: (#<declaration property: line-height value: "18.00rem">)> #<rule selector: ".leading-90" declarations: (#<declaration property: line-height value: "22.50rem">)> #<rule selector: ".leading-96" declarations: (#<declaration property: line-height value: "24.00rem">)> #<rule selector: ".leading-100" declarations: (#<declaration property: line-height value: "25.00rem">)> #<rule selector: ".leading-128" declarations: (#<declaration property: line-height value: "32.00rem">)> #<rule selector: ".leading-196" declarations: (#<declaration property: line-height value: "49.00rem">)> #<rule selector: ".leading-256" declarations: (#<declaration property: line-height value: "64.00rem">)> #<rule selector: ".leading-512" declarations: (#<declaration property: line-height value: "128.00rem">)>))
Parameter: letter-spacing

Default value:

(#<rule selector: ".tracking-tighter" declarations: (#<declaration property: letter-spacing value: "-0.05em">)> #<rule selector: ".tracking-tight" declarations: (#<declaration property: letter-spacing value: "-0.025em">)> #<rule selector: ".tracking-normal" declarations: (#<declaration property: letter-spacing value: "0em">)> #<rule selector: ".tracking-wide" declarations: (#<declaration property: letter-spacing value: "0.025em">)> #<rule selector: ".tracking-wider" declarations: (#<declaration property: letter-spacing value: "0.05em">)> #<rule selector: ".tracking-widest" declarations: (#<declaration property: letter-spacing value: "0.1em">)>)
Parameter: line-clamp

Default value:

(#<rule selector: ".line-clamp-1" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 1>)> #<rule selector: ".line-clamp-2" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 2>)> #<rule selector: ".line-clamp-3" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 3>)> #<rule selector: ".line-clamp-4" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 4>)> #<rule selector: ".line-clamp-5" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 5>)> #<rule selector: ".line-clamp-6" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 6>)> #<rule selector: ".line-clamp-7" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 7>)> #<rule selector: ".line-clamp-8" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 8>)> #<rule selector: ".line-clamp-9" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 9>)> #<rule selector: ".line-clamp-10" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 10>)> #<rule selector: ".line-clamp-12" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 12>)> #<rule selector: ".line-clamp-14" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 14>)> #<rule selector: ".line-clamp-16" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 16>)> #<rule selector: ".line-clamp-20" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 20>)> #<rule selector: ".line-clamp-24" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 24>)> #<rule selector: ".line-clamp-28" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 28>)> #<rule selector: ".line-clamp-32" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 32>)> #<rule selector: ".line-clamp-48" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 48>)> #<rule selector: ".line-clamp-64" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 64>)> #<rule selector: ".line-clamp-72" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 72>)> #<rule selector: ".line-clamp-90" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 90>)> #<rule selector: ".line-clamp-96" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 96>)> #<rule selector: ".line-clamp-100" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 100>)> #<rule selector: ".line-clamp-128" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 128>)> #<rule selector: ".line-clamp-196" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 196>)> #<rule selector: ".line-clamp-256" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 256>)> #<rule selector: ".line-clamp-512" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 512>)>)
Parameter: line-height-multiplier

Default value:

0.25
Parameter: list-style-position

Default value:

((#<rule selector: ".list-inside" declarations: (#<declaration property: list-style-position value: inside>)> #<rule selector: ".list-outside" declarations: (#<declaration property: list-style-position value: outside>)>))
Parameter: list-style-type

Default value:

((#<rule selector: ".list-disc" declarations: (#<declaration property: list-style-type value: disc>)> #<rule selector: ".list-decimal" declarations: (#<declaration property: list-style-type value: decimal>)> #<rule selector: ".list-none" declarations: (#<declaration property: list-style-type value: none>)>))
Parameter: mono-font-family

Default value:

"'IBM Plex Mono', monospace"
Parameter: overflow-wrap

Default value:

(#<rule selector: ".wrap-break-word" declarations: (#<declaration property: overflow-wrap value: break-word>)> #<rule selector: ".wrap-anywhere" declarations: (#<declaration property: overflow-wrap value: anywhere>)> #<rule selector: ".wrap-normal" declarations: (#<declaration property: overflow-wrap value: normal>)>)
Parameter: sans-font-family

Default value:

"'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'"
Parameter: serif-font-family

Default value:

"'IBM Plex Serif', ui-serif, serif, 'Times New Roman'"
Parameter: text-align

Default value:

(#<rule selector: ".text-center" declarations: (#<declaration property: text-align value: center>)> #<rule selector: ".text-left" declarations: (#<declaration property: text-align value: left>)> #<rule selector: ".text-right" declarations: (#<declaration property: text-align value: right>)> #<rule selector: ".text-justify" declarations: (#<declaration property: text-align value: justify>)> #<rule selector: ".text-start" declarations: (#<declaration property: text-align value: start>)> #<rule selector: ".text-end" declarations: (#<declaration property: text-align value: end>)>)
Parameter: text-decoration-line

Default value:

(#<rule selector: ".underline" declarations: (#<declaration property: text-decoration-line value: underline>)> #<rule selector: ".overline" declarations: (#<declaration property: text-decoration-line value: overline>)> #<rule selector: ".line-through" declarations: (#<declaration property: text-decoration-line value: line-through>)> #<rule selector: ".no-underline" declarations: (#<declaration property: text-decoration-line value: none>)>)
Parameter: text-decoration-style

Default value:

(#<rule selector: ".decoration-solid" declarations: (#<declaration property: text-decoration-style value: solid>)> #<rule selector: ".decoration-double" declarations: (#<declaration property: text-decoration-style value: double>)> #<rule selector: ".decoration-dotted" declarations: (#<declaration property: text-decoration-style value: dotted>)> #<rule selector: ".decoration-dashed" declarations: (#<declaration property: text-decoration-style value: dashed>)> #<rule selector: ".decoration-wavy" declarations: (#<declaration property: text-decoration-style value: wavy>)>)
Parameter: text-overflow

Default value:

(#<rule selector: ".truncate" declarations: (#<declaration property: overflow value: hidden> #<declaration property: text-overflow value: ellipsis> #<declaration property: white-space value: nowrap>)> #<rule selector: ".text-ellipsis" declarations: (#<declaration property: text-overflow value: ellipsis>)> #<rule selector: ".text-clip" declarations: (#<declaration property: text-overflow value: clip>)>)
Parameter: text-transform

Default value:

(#<rule selector: ".uppercase" declarations: (#<declaration property: text-transform value: uppercase>)> #<rule selector: ".lowercase" declarations: (#<declaration property: text-transform value: lowercase>)> #<rule selector: ".capitalize" declarations: (#<declaration property: text-transform value: capitalize>)> #<rule selector: ".normal-case" declarations: (#<declaration property: text-transform value: none>)>)
Parameter: text-underline-offset

Default value:

(#<rule selector: ".underline-offset-auto" declarations: (#<declaration property: text-underline-offset value: auto>)> (#<rule selector: ".underline-offset-2xs" declarations: (#<declaration property: text-underline-offset value: "0.25rem">)> #<rule selector: ".underline-offset-xs" declarations: (#<declaration property: text-underline-offset value: "0.50rem">)> #<rule selector: ".underline-offset-sm" declarations: (#<declaration property: text-underline-offset value: "0.75rem">)> #<rule selector: ".underline-offset-md" declarations: (#<declaration property: text-underline-offset value: "1.00rem">)> #<rule selector: ".underline-offset-lg" declarations: (#<declaration property: text-underline-offset value: "1.25rem">)> #<rule selector: ".underline-offset-xl" declarations: (#<declaration property: text-underline-offset value: "1.50rem">)> #<rule selector: ".underline-offset-2xl" declarations: (#<declaration property: text-underline-offset value: "1.75rem">)> #<rule selector: ".underline-offset-3xl" declarations: (#<declaration property: text-underline-offset value: "2.00rem">)> #<rule selector: ".underline-offset-4xl" declarations: (#<declaration property: text-underline-offset value: "2.25rem">)> #<rule selector: ".underline-offset-5xl" declarations: (#<declaration property: text-underline-offset value: "2.50rem">)> #<rule selector: ".underline-offset-1" declarations: (#<declaration property: text-underline-offset value: "0.25rem">)> #<rule selector: ".underline-offset-2" declarations: (#<declaration property: text-underline-offset value: "0.50rem">)> #<rule selector: ".underline-offset-3" declarations: (#<declaration property: text-underline-offset value: "0.75rem">)> #<rule selector: ".underline-offset-4" declarations: (#<declaration property: text-underline-offset value: "1.00rem">)> #<rule selector: ".underline-offset-5" declarations: (#<declaration property: text-underline-offset value: "1.25rem">)> #<rule selector: ".underline-offset-6" declarations: (#<declaration property: text-underline-offset value: "1.50rem">)> #<rule selector: ".underline-offset-7" declarations: (#<declaration property: text-underline-offset value: "1.75rem">)> #<rule selector: ".underline-offset-8" declarations: (#<declaration property: text-underline-offset value: "2.00rem">)> #<rule selector: ".underline-offset-9" declarations: (#<declaration property: text-underline-offset value: "2.25rem">)> #<rule selector: ".underline-offset-10" declarations: (#<declaration property: text-underline-offset value: "2.50rem">)> #<rule selector: ".underline-offset-12" declarations: (#<declaration property: text-underline-offset value: "3.00rem">)> #<rule selector: ".underline-offset-14" declarations: (#<declaration property: text-underline-offset value: "3.50rem">)> #<rule selector: ".underline-offset-16" declarations: (#<declaration property: text-underline-offset value: "4.00rem">)> #<rule selector: ".underline-offset-20" declarations: (#<declaration property: text-underline-offset value: "5.00rem">)> #<rule selector: ".underline-offset-24" declarations: (#<declaration property: text-underline-offset value: "6.00rem">)> #<rule selector: ".underline-offset-28" declarations: (#<declaration property: text-underline-offset value: "7.00rem">)> #<rule selector: ".underline-offset-32" declarations: (#<declaration property: text-underline-offset value: "8.00rem">)> #<rule selector: ".underline-offset-48" declarations: (#<declaration property: text-underline-offset value: "12.00rem">)> #<rule selector: ".underline-offset-64" declarations: (#<declaration property: text-underline-offset value: "16.00rem">)> #<rule selector: ".underline-offset-72" declarations: (#<declaration property: text-underline-offset value: "18.00rem">)> #<rule selector: ".underline-offset-90" declarations: (#<declaration property: text-underline-offset value: "22.50rem">)> #<rule selector: ".underline-offset-96" declarations: (#<declaration property: text-underline-offset value: "24.00rem">)> #<rule selector: ".underline-offset-100" declarations: (#<declaration property: text-underline-offset value: "25.00rem">)> #<rule selector: ".underline-offset-128" declarations: (#<declaration property: text-underline-offset value: "32.00rem">)> #<rule selector: ".underline-offset-196" declarations: (#<declaration property: text-underline-offset value: "49.00rem">)> #<rule selector: ".underline-offset-256" declarations: (#<declaration property: text-underline-offset value: "64.00rem">)> #<rule selector: ".underline-offset-512" declarations: (#<declaration property: text-underline-offset value: "128.00rem">)>))
Parameter: text-wrap

Default value:

(#<rule selector: ".text-wrap" declarations: (#<declaration property: text-wrap value: wrap>)> #<rule selector: ".text-nowrap" declarations: (#<declaration property: text-wrap value: nowrap>)> #<rule selector: ".text-balance" declarations: (#<declaration property: text-wrap value: balance>)> #<rule selector: ".text-pretty" declarations: (#<declaration property: text-wrap value: pretty>)>)
Parameter: typography-classes

Default value:

((#<rule selector: ".font-sans" declarations: (#<declaration property: font-family value: "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'">)> #<rule selector: ".font-mono" declarations: (#<declaration property: font-family value: "'IBM Plex Mono', monospace">)> #<rule selector: ".font-serif" declarations: (#<declaration property: font-family value: "'IBM Plex Serif', ui-serif, serif, 'Times New Roman'">)>) (#<rule selector: ".font-thin" declarations: (#<declaration property: font-weight value: 100>)> #<rule selector: ".font-extralight" declarations: (#<declaration property: font-weight value: 200>)> #<rule selector: ".font-light" declarations: (#<declaration property: font-weight value: 300>)> #<rule selector: ".font-normal" declarations: (#<declaration property: font-weight value: 400>)> #<rule selector: ".font-medium" declarations: (#<declaration property: font-weight value: 500>)> #<rule selector: ".font-semibold" declarations: (#<declaration property: font-weight value: 600>)> #<rule selector: ".font-bold" declarations: (#<declaration property: font-weight value: 700>)> #<rule selector: ".font-extrabold" declarations: (#<declaration property: font-weight value: 800>)> #<rule selector: ".font-black" declarations: (#<declaration property: font-weight value: 900>)>) (#<rule selector: ".text-2xs" declarations: (#<declaration property: font-size value: "0.25rem">)> #<rule selector: ".text-xs" declarations: (#<declaration property: font-size value: "0.50rem">)> #<rule selector: ".text-sm" declarations: (#<declaration property: font-size value: "0.75rem">)> #<rule selector: ".text-md" declarations: (#<declaration property: font-size value: "1.00rem">)> #<rule selector: ".text-lg" declarations: (#<declaration property: font-size value: "1.25rem">)> #<rule selector: ".text-xl" declarations: (#<declaration property: font-size value: "1.50rem">)> #<rule selector: ".text-2xl" declarations: (#<declaration property: font-size value: "1.75rem">)> #<rule selector: ".text-3xl" declarations: (#<declaration property: font-size value: "2.00rem">)> #<rule selector: ".text-4xl" declarations: (#<declaration property: font-size value: "2.25rem">)> #<rule selector: ".text-5xl" declarations: (#<declaration property: font-size value: "2.50rem">)> #<rule selector: ".text-1" declarations: (#<declaration property: font-size value: "0.25rem">)> #<rule selector: ".text-2" declarations: (#<declaration property: font-size value: "0.50rem">)> #<rule selector: ".text-3" declarations: (#<declaration property: font-size value: "0.75rem">)> #<rule selector: ".text-4" declarations: (#<declaration property: font-size value: "1.00rem">)> #<rule selector: ".text-5" declarations: (#<declaration property: font-size value: "1.25rem">)> #<rule selector: ".text-6" declarations: (#<declaration property: font-size value: "1.50rem">)> #<rule selector: ".text-7" declarations: (#<declaration property: font-size value: "1.75rem">)> #<rule selector: ".text-8" declarations: (#<declaration property: font-size value: "2.00rem">)> #<rule selector: ".text-9" declarations: (#<declaration property: font-size value: "2.25rem">)> #<rule selector: ".text-10" declarations: (#<declaration property: font-size value: "2.50rem">)> #<rule selector: ".text-12" declarations: (#<declaration property: font-size value: "3.00rem">)> #<rule selector: ".text-14" declarations: (#<declaration property: font-size value: "3.50rem">)> #<rule selector: ".text-16" declarations: (#<declaration property: font-size value: "4.00rem">)> #<rule selector: ".text-20" declarations: (#<declaration property: font-size value: "5.00rem">)> #<rule selector: ".text-24" declarations: (#<declaration property: font-size value: "6.00rem">)> #<rule selector: ".text-28" declarations: (#<declaration property: font-size value: "7.00rem">)> #<rule selector: ".text-32" declarations: (#<declaration property: font-size value: "8.00rem">)> #<rule selector: ".text-48" declarations: (#<declaration property: font-size value: "12.00rem">)> #<rule selector: ".text-64" declarations: (#<declaration property: font-size value: "16.00rem">)> #<rule selector: ".text-72" declarations: (#<declaration property: font-size value: "18.00rem">)> #<rule selector: ".text-90" declarations: (#<declaration property: font-size value: "22.50rem">)> #<rule selector: ".text-96" declarations: (#<declaration property: font-size value: "24.00rem">)> #<rule selector: ".text-100" declarations: (#<declaration property: font-size value: "25.00rem">)> #<rule selector: ".text-128" declarations: (#<declaration property: font-size value: "32.00rem">)> #<rule selector: ".text-196" declarations: (#<declaration property: font-size value: "49.00rem">)> #<rule selector: ".text-256" declarations: (#<declaration property: font-size value: "64.00rem">)> #<rule selector: ".text-512" declarations: (#<declaration property: font-size value: "128.00rem">)>) (#<rule selector: ".italic" declarations: (#<declaration property: font-style value: italic>)> #<rule selector: ".not-italic" declarations: (#<declaration property: font-style value: normal>)>) (#<rule selector: ".text-center" declarations: (#<declaration property: text-align value: center>)> #<rule selector: ".text-left" declarations: (#<declaration property: text-align value: left>)> #<rule selector: ".text-right" declarations: (#<declaration property: text-align value: right>)> #<rule selector: ".text-justify" declarations: (#<declaration property: text-align value: justify>)> #<rule selector: ".text-start" declarations: (#<declaration property: text-align value: start>)> #<rule selector: ".text-end" declarations: (#<declaration property: text-align value: end>)>) (#<rule selector: ".font-stretch-ultra-condensed" declarations: (#<declaration property: font-stretch value: ultra-condensed>)> #<rule selector: ".font-stretch-extra-condensed" declarations: (#<declaration property: font-stretch value: extra-condensed>)> #<rule selector: ".font-stretch-condensed" declarations: (#<declaration property: font-stretch value: condensed>)> #<rule selector: ".font-stretch-semi-condensed" declarations: (#<declaration property: font-stretch value: semi-condensed>)> #<rule selector: ".font-stretch-normal" declarations: (#<declaration property: font-stretch value: normal>)> #<rule selector: ".font-stretch-semi-expanded" declarations: (#<declaration property: font-stretch value: semi-expanded>)> #<rule selector: ".font-stretch-expanded" declarations: (#<declaration property: font-stretch value: expanded>)> #<rule selector: ".font-stretch-extra-expanded" declarations: (#<declaration property: font-stretch value: extra-expanded>)> #<rule selector: ".font-stretch-ultra-expanded" declarations: (#<declaration property: font-stretch value: ultra-expanded>)>) (#<rule selector: ".antialiased" declarations: (#<declaration property: "-webkit-font-smoothing" value: "antialiased"> #<declaration property: "-moz-osx-font-smoothing" value: "grayscale">)> #<rule selector: ".subpixel-antialiased" declarations: (#<declaration property: "-webkit-font-smoothing" value: "auto"> #<declaration property: "-moz-osx-font-smoothing" value: "auto">)>) (#<rule selector: ".line-clamp-1" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 1>)> #<rule selector: ".line-clamp-2" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 2>)> #<rule selector: ".line-clamp-3" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 3>)> #<rule selector: ".line-clamp-4" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 4>)> #<rule selector: ".line-clamp-5" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 5>)> #<rule selector: ".line-clamp-6" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 6>)> #<rule selector: ".line-clamp-7" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 7>)> #<rule selector: ".line-clamp-8" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 8>)> #<rule selector: ".line-clamp-9" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 9>)> #<rule selector: ".line-clamp-10" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 10>)> #<rule selector: ".line-clamp-12" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 12>)> #<rule selector: ".line-clamp-14" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 14>)> #<rule selector: ".line-clamp-16" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 16>)> #<rule selector: ".line-clamp-20" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 20>)> #<rule selector: ".line-clamp-24" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 24>)> #<rule selector: ".line-clamp-28" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 28>)> #<rule selector: ".line-clamp-32" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 32>)> #<rule selector: ".line-clamp-48" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 48>)> #<rule selector: ".line-clamp-64" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 64>)> #<rule selector: ".line-clamp-72" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 72>)> #<rule selector: ".line-clamp-90" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 90>)> #<rule selector: ".line-clamp-96" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 96>)> #<rule selector: ".line-clamp-100" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 100>)> #<rule selector: ".line-clamp-128" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 128>)> #<rule selector: ".line-clamp-196" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 196>)> #<rule selector: ".line-clamp-256" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 256>)> #<rule selector: ".line-clamp-512" declarations: (#<declaration property: overflow value: hidden> #<declaration property: display value: "-webkit-box"> #<declaration property: "-webkit-box-orient" value: vertical> #<declaration property: "-webkit-line-clamp" value: 512>)>) (#<rule selector: ".leading-none" declarations: (#<declaration property: line-height value: 1>)> (#<rule selector: ".leading-2xs" declarations: (#<declaration property: line-height value: "0.25rem">)> #<rule selector: ".leading-xs" declarations: (#<declaration property: line-height value: "0.50rem">)> #<rule selector: ".leading-sm" declarations: (#<declaration property: line-height value: "0.75rem">)> #<rule selector: ".leading-md" declarations: (#<declaration property: line-height value: "1.00rem">)> #<rule selector: ".leading-lg" declarations: (#<declaration property: line-height value: "1.25rem">)> #<rule selector: ".leading-xl" declarations: (#<declaration property: line-height value: "1.50rem">)> #<rule selector: ".leading-2xl" declarations: (#<declaration property: line-height value: "1.75rem">)> #<rule selector: ".leading-3xl" declarations: (#<declaration property: line-height value: "2.00rem">)> #<rule selector: ".leading-4xl" declarations: (#<declaration property: line-height value: "2.25rem">)> #<rule selector: ".leading-5xl" declarations: (#<declaration property: line-height value: "2.50rem">)> #<rule selector: ".leading-1" declarations: (#<declaration property: line-height value: "0.25rem">)> #<rule selector: ".leading-2" declarations: (#<declaration property: line-height value: "0.50rem">)> #<rule selector: ".leading-3" declarations: (#<declaration property: line-height value: "0.75rem">)> #<rule selector: ".leading-4" declarations: (#<declaration property: line-height value: "1.00rem">)> #<rule selector: ".leading-5" declarations: (#<declaration property: line-height value: "1.25rem">)> #<rule selector: ".leading-6" declarations: (#<declaration property: line-height value: "1.50rem">)> #<rule selector: ".leading-7" declarations: (#<declaration property: line-height value: "1.75rem">)> #<rule selector: ".leading-8" declarations: (#<declaration property: line-height value: "2.00rem">)> #<rule selector: ".leading-9" declarations: (#<declaration property: line-height value: "2.25rem">)> #<rule selector: ".leading-10" declarations: (#<declaration property: line-height value: "2.50rem">)> #<rule selector: ".leading-12" declarations: (#<declaration property: line-height value: "3.00rem">)> #<rule selector: ".leading-14" declarations: (#<declaration property: line-height value: "3.50rem">)> #<rule selector: ".leading-16" declarations: (#<declaration property: line-height value: "4.00rem">)> #<rule selector: ".leading-20" declarations: (#<declaration property: line-height value: "5.00rem">)> #<rule selector: ".leading-24" declarations: (#<declaration property: line-height value: "6.00rem">)> #<rule selector: ".leading-28" declarations: (#<declaration property: line-height value: "7.00rem">)> #<rule selector: ".leading-32" declarations: (#<declaration property: line-height value: "8.00rem">)> #<rule selector: ".leading-48" declarations: (#<declaration property: line-height value: "12.00rem">)> #<rule selector: ".leading-64" declarations: (#<declaration property: line-height value: "16.00rem">)> #<rule selector: ".leading-72" declarations: (#<declaration property: line-height value: "18.00rem">)> #<rule selector: ".leading-90" declarations: (#<declaration property: line-height value: "22.50rem">)> #<rule selector: ".leading-96" declarations: (#<declaration property: line-height value: "24.00rem">)> #<rule selector: ".leading-100" declarations: (#<declaration property: line-height value: "25.00rem">)> #<rule selector: ".leading-128" declarations: (#<declaration property: line-height value: "32.00rem">)> #<rule selector: ".leading-196" declarations: (#<declaration property: line-height value: "49.00rem">)> #<rule selector: ".leading-256" declarations: (#<declaration property: line-height value: "64.00rem">)> #<rule selector: ".leading-512" declarations: (#<declaration property: line-height value: "128.00rem">)>)) ((#<rule selector: ".list-disc" declarations: (#<declaration property: list-style-type value: disc>)> #<rule selector: ".list-decimal" declarations: (#<declaration property: list-style-type value: decimal>)> #<rule selector: ".list-none" declarations: (#<declaration property: list-style-type value: none>)>)) ((#<rule selector: ".list-inside" declarations: (#<declaration property: list-style-position value: inside>)> #<rule selector: ".list-outside" declarations: (#<declaration property: list-style-position value: outside>)>)) (#<rule selector: ".normal-nums" declarations: (#<declaration property: font-variant-numeric value: normal>)> #<rule selector: ".ordinal" declarations: (#<declaration property: font-variant-numeric value: ordinal>)> #<rule selector: ".slashed-zero" declarations: (#<declaration property: font-variant-numeric value: slashed-zero>)> #<rule selector: ".lining-nums" declarations: (#<declaration property: font-variant-numeric value: lining-nums>)> #<rule selector: ".oldstyle-nums" declarations: (#<declaration property: font-variant-numeric value: oldstyle-nums>)> #<rule selector: ".proportional-nums" declarations: (#<declaration property: font-variant-numeric value: proportional-nums>)> #<rule selector: ".tabular-nums" declarations: (#<declaration property: font-variant-numeric value: tabular-nums>)> #<rule selector: ".diagonal-fractions" declarations: (#<declaration property: font-variant-numeric value: diagonal-fractions>)> #<rule selector: ".stacked-fractions" declarations: (#<declaration property: font-variant-numeric value: stacked-fractions>)>) ((#<rule selector: ".list-disc" declarations: (#<declaration property: list-style-type value: disc>)> #<rule selector: ".list-decimal" declarations: (#<declaration property: list-style-type value: decimal>)> #<rule selector: ".list-none" declarations: (#<declaration property: list-style-type value: none>)>)) (#<rule selector: ".underline" declarations: (#<declaration property: text-decoration-line value: underline>)> #<rule selector: ".overline" declarations: (#<declaration property: text-decoration-line value: overline>)> #<rule selector: ".line-through" declarations: (#<declaration property: text-decoration-line value: line-through>)> #<rule selector: ".no-underline" declarations: (#<declaration property: text-decoration-line value: none>)>) (#<rule selector: ".decoration-solid" declarations: (#<declaration property: text-decoration-style value: solid>)> #<rule selector: ".decoration-double" declarations: (#<declaration property: text-decoration-style value: double>)> #<rule selector: ".decoration-dotted" declarations: (#<declaration property: text-decoration-style value: dotted>)> #<rule selector: ".decoration-dashed" declarations: (#<declaration property: text-decoration-style value: dashed>)> #<rule selector: ".decoration-wavy" declarations: (#<declaration property: text-decoration-style value: wavy>)>) (#<rule selector: ".underline-offset-auto" declarations: (#<declaration property: text-underline-offset value: auto>)> (#<rule selector: ".underline-offset-2xs" declarations: (#<declaration property: text-underline-offset value: "0.25rem">)> #<rule selector: ".underline-offset-xs" declarations: (#<declaration property: text-underline-offset value: "0.50rem">)> #<rule selector: ".underline-offset-sm" declarations: (#<declaration property: text-underline-offset value: "0.75rem">)> #<rule selector: ".underline-offset-md" declarations: (#<declaration property: text-underline-offset value: "1.00rem">)> #<rule selector: ".underline-offset-lg" declarations: (#<declaration property: text-underline-offset value: "1.25rem">)> #<rule selector: ".underline-offset-xl" declarations: (#<declaration property: text-underline-offset value: "1.50rem">)> #<rule selector: ".underline-offset-2xl" declarations: (#<declaration property: text-underline-offset value: "1.75rem">)> #<rule selector: ".underline-offset-3xl" declarations: (#<declaration property: text-underline-offset value: "2.00rem">)> #<rule selector: ".underline-offset-4xl" declarations: (#<declaration property: text-underline-offset value: "2.25rem">)> #<rule selector: ".underline-offset-5xl" declarations: (#<declaration property: text-underline-offset value: "2.50rem">)> #<rule selector: ".underline-offset-1" declarations: (#<declaration property: text-underline-offset value: "0.25rem">)> #<rule selector: ".underline-offset-2" declarations: (#<declaration property: text-underline-offset value: "0.50rem">)> #<rule selector: ".underline-offset-3" declarations: (#<declaration property: text-underline-offset value: "0.75rem">)> #<rule selector: ".underline-offset-4" declarations: (#<declaration property: text-underline-offset value: "1.00rem">)> #<rule selector: ".underline-offset-5" declarations: (#<declaration property: text-underline-offset value: "1.25rem">)> #<rule selector: ".underline-offset-6" declarations: (#<declaration property: text-underline-offset value: "1.50rem">)> #<rule selector: ".underline-offset-7" declarations: (#<declaration property: text-underline-offset value: "1.75rem">)> #<rule selector: ".underline-offset-8" declarations: (#<declaration property: text-underline-offset value: "2.00rem">)> #<rule selector: ".underline-offset-9" declarations: (#<declaration property: text-underline-offset value: "2.25rem">)> #<rule selector: ".underline-offset-10" declarations: (#<declaration property: text-underline-offset value: "2.50rem">)> #<rule selector: ".underline-offset-12" declarations: (#<declaration property: text-underline-offset value: "3.00rem">)> #<rule selector: ".underline-offset-14" declarations: (#<declaration property: text-underline-offset value: "3.50rem">)> #<rule selector: ".underline-offset-16" declarations: (#<declaration property: text-underline-offset value: "4.00rem">)> #<rule selector: ".underline-offset-20" declarations: (#<declaration property: text-underline-offset value: "5.00rem">)> #<rule selector: ".underline-offset-24" declarations: (#<declaration property: text-underline-offset value: "6.00rem">)> #<rule selector: ".underline-offset-28" declarations: (#<declaration property: text-underline-offset value: "7.00rem">)> #<rule selector: ".underline-offset-32" declarations: (#<declaration property: text-underline-offset value: "8.00rem">)> #<rule selector: ".underline-offset-48" declarations: (#<declaration property: text-underline-offset value: "12.00rem">)> #<rule selector: ".underline-offset-64" declarations: (#<declaration property: text-underline-offset value: "16.00rem">)> #<rule selector: ".underline-offset-72" declarations: (#<declaration property: text-underline-offset value: "18.00rem">)> #<rule selector: ".underline-offset-90" declarations: (#<declaration property: text-underline-offset value: "22.50rem">)> #<rule selector: ".underline-offset-96" declarations: (#<declaration property: text-underline-offset value: "24.00rem">)> #<rule selector: ".underline-offset-100" declarations: (#<declaration property: text-underline-offset value: "25.00rem">)> #<rule selector: ".underline-offset-128" declarations: (#<declaration property: text-underline-offset value: "32.00rem">)> #<rule selector: ".underline-offset-196" declarations: (#<declaration property: text-underline-offset value: "49.00rem">)> #<rule selector: ".underline-offset-256" declarations: (#<declaration property: text-underline-offset value: "64.00rem">)> #<rule selector: ".underline-offset-512" declarations: (#<declaration property: text-underline-offset value: "128.00rem">)>)) (#<rule selector: ".uppercase" declarations: (#<declaration property: text-transform value: uppercase>)> #<rule selector: ".lowercase" declarations: (#<declaration property: text-transform value: lowercase>)> #<rule selector: ".capitalize" declarations: (#<declaration property: text-transform value: capitalize>)> #<rule selector: ".normal-case" declarations: (#<declaration property: text-transform value: none>)>) (#<rule selector: ".truncate" declarations: (#<declaration property: overflow value: hidden> #<declaration property: text-overflow value: ellipsis> #<declaration property: white-space value: nowrap>)> #<rule selector: ".text-ellipsis" declarations: (#<declaration property: text-overflow value: ellipsis>)> #<rule selector: ".text-clip" declarations: (#<declaration property: text-overflow value: clip>)>) (#<rule selector: ".text-wrap" declarations: (#<declaration property: text-wrap value: wrap>)> #<rule selector: ".text-nowrap" declarations: (#<declaration property: text-wrap value: nowrap>)> #<rule selector: ".text-balance" declarations: (#<declaration property: text-wrap value: balance>)> #<rule selector: ".text-pretty" declarations: (#<declaration property: text-wrap value: pretty>)>) (#<rule selector: ".whitespace-normal" declarations: (#<declaration property: white-space value: normal>)> #<rule selector: ".whitespace-nowrap" declarations: (#<declaration property: white-space value: nowrap>)> #<rule selector: ".whitespace-pre" declarations: (#<declaration property: white-space value: pre>)> #<rule selector: ".whitespace-pre-line" declarations: (#<declaration property: white-space value: pre-line>)> #<rule selector: ".whitespace-pre-wrap" declarations: (#<declaration property: white-space value: pre-wrap>)> #<rule selector: ".whitespace-break-spaces" declarations: (#<declaration property: white-space value: break-spaces>)>) (#<rule selector: ".break-normal" declarations: (#<declaration property: word-break value: normal>)> #<rule selector: ".break-all" declarations: (#<declaration property: word-break value: break-all>)> #<rule selector: ".break-keep" declarations: (#<declaration property: word-break value: keep-all>)>) (#<rule selector: ".wrap-break-word" declarations: (#<declaration property: overflow-wrap value: break-word>)> #<rule selector: ".wrap-anywhere" declarations: (#<declaration property: overflow-wrap value: anywhere>)> #<rule selector: ".wrap-normal" declarations: (#<declaration property: overflow-wrap value: normal>)>) (#<rule selector: ".hyphens-none" declarations: (#<declaration property: hyphens value: none>)> #<rule selector: ".hyphens-manual" declarations: (#<declaration property: hyphens value: manual>)> #<rule selector: ".hyphens-auto" declarations: (#<declaration property: hyphens value: auto>)>) (#<rule selector: ".tracking-tighter" declarations: (#<declaration property: letter-spacing value: "-0.05em">)> #<rule selector: ".tracking-tight" declarations: (#<declaration property: letter-spacing value: "-0.025em">)> #<rule selector: ".tracking-normal" declarations: (#<declaration property: letter-spacing value: "0em">)> #<rule selector: ".tracking-wide" declarations: (#<declaration property: letter-spacing value: "0.025em">)> #<rule selector: ".tracking-wider" declarations: (#<declaration property: letter-spacing value: "0.05em">)> #<rule selector: ".tracking-widest" declarations: (#<declaration property: letter-spacing value: "0.1em">)>))
Parameter: weight-multiplier

Default value:

1
Parameter: white-space

Default value:

(#<rule selector: ".whitespace-normal" declarations: (#<declaration property: white-space value: normal>)> #<rule selector: ".whitespace-nowrap" declarations: (#<declaration property: white-space value: nowrap>)> #<rule selector: ".whitespace-pre" declarations: (#<declaration property: white-space value: pre>)> #<rule selector: ".whitespace-pre-line" declarations: (#<declaration property: white-space value: pre-line>)> #<rule selector: ".whitespace-pre-wrap" declarations: (#<declaration property: white-space value: pre-wrap>)> #<rule selector: ".whitespace-break-spaces" declarations: (#<declaration property: white-space value: break-spaces>)>)
Parameter: word-break

Default value:

(#<rule selector: ".break-normal" declarations: (#<declaration property: word-break value: normal>)> #<rule selector: ".break-all" declarations: (#<declaration property: word-break value: break-all>)> #<rule selector: ".break-keep" declarations: (#<declaration property: word-break value: keep-all>)>)

Next: (hygguile hss dsl), Previous: (hygguile hss decl spacing), Up: API