Next: , Previous: , Up: API  


1.17 (hygguile hss decl layout)

1.17.1 Parameters

Parameter: absolute-positions

Default value:

((#<rule selector: ".top-1" declarations: (#<declaration property: top value: "0.40rem">)> #<rule selector: ".top-2" declarations: (#<declaration property: top value: "0.80rem">)> #<rule selector: ".top-3" declarations: (#<declaration property: top value: "1.20rem">)> #<rule selector: ".top-4" declarations: (#<declaration property: top value: "1.60rem">)> #<rule selector: ".top-5" declarations: (#<declaration property: top value: "2.00rem">)> #<rule selector: ".top-6" declarations: (#<declaration property: top value: "2.40rem">)> #<rule selector: ".top-7" declarations: (#<declaration property: top value: "2.80rem">)> #<rule selector: ".top-8" declarations: (#<declaration property: top value: "3.20rem">)> #<rule selector: ".top-9" declarations: (#<declaration property: top value: "3.60rem">)> #<rule selector: ".top-10" declarations: (#<declaration property: top value: "4.00rem">)> #<rule selector: ".top-12" declarations: (#<declaration property: top value: "4.80rem">)> #<rule selector: ".top-14" declarations: (#<declaration property: top value: "5.60rem">)> #<rule selector: ".top-16" declarations: (#<declaration property: top value: "6.40rem">)> #<rule selector: ".top-20" declarations: (#<declaration property: top value: "8.00rem">)> #<rule selector: ".top-24" declarations: (#<declaration property: top value: "9.60rem">)> #<rule selector: ".top-28" declarations: (#<declaration property: top value: "11.20rem">)> #<rule selector: ".top-32" declarations: (#<declaration property: top value: "12.80rem">)> #<rule selector: ".top-48" declarations: (#<declaration property: top value: "19.20rem">)> #<rule selector: ".top-64" declarations: (#<declaration property: top value: "25.60rem">)> #<rule selector: ".top-72" declarations: (#<declaration property: top value: "28.80rem">)> #<rule selector: ".top-90" declarations: (#<declaration property: top value: "36.00rem">)> #<rule selector: ".top-96" declarations: (#<declaration property: top value: "38.40rem">)> #<rule selector: ".top-100" declarations: (#<declaration property: top value: "40.00rem">)> #<rule selector: ".top-128" declarations: (#<declaration property: top value: "51.20rem">)> #<rule selector: ".top-196" declarations: (#<declaration property: top value: "78.40rem">)> #<rule selector: ".top-256" declarations: (#<declaration property: top value: "102.40rem">)> #<rule selector: ".top-512" declarations: (#<declaration property: top value: "204.80rem">)> #<rule selector: ".top-0" declarations: (#<declaration property: top value: 0>)> #<rule selector: ".top-2\\/3" declarations: (#<declaration property: top value: "66.6%">)> #<rule selector: ".top-1\\/2" declarations: (#<declaration property: top value: "50%">)> #<rule selector: ".top-1\\/3" declarations: (#<declaration property: top value: "33.3%">)> #<rule selector: ".top-1\\/4" declarations: (#<declaration property: top value: "25%">)> #<rule selector: ".top-1\\/5" declarations: (#<declaration property: top value: "20%">)> #<rule selector: ".top-1\\/6" declarations: (#<declaration property: top value: "16.6%">)> #<rule selector: ".top-1\\/8" declarations: (#<declaration property: top value: "12.5%">)>) (#<rule selector: ".bottom-1" declarations: (#<declaration property: bottom value: "0.40rem">)> #<rule selector: ".bottom-2" declarations: (#<declaration property: bottom value: "0.80rem">)> #<rule selector: ".bottom-3" declarations: (#<declaration property: bottom value: "1.20rem">)> #<rule selector: ".bottom-4" declarations: (#<declaration property: bottom value: "1.60rem">)> #<rule selector: ".bottom-5" declarations: (#<declaration property: bottom value: "2.00rem">)> #<rule selector: ".bottom-6" declarations: (#<declaration property: bottom value: "2.40rem">)> #<rule selector: ".bottom-7" declarations: (#<declaration property: bottom value: "2.80rem">)> #<rule selector: ".bottom-8" declarations: (#<declaration property: bottom value: "3.20rem">)> #<rule selector: ".bottom-9" declarations: (#<declaration property: bottom value: "3.60rem">)> #<rule selector: ".bottom-10" declarations: (#<declaration property: bottom value: "4.00rem">)> #<rule selector: ".bottom-12" declarations: (#<declaration property: bottom value: "4.80rem">)> #<rule selector: ".bottom-14" declarations: (#<declaration property: bottom value: "5.60rem">)> #<rule selector: ".bottom-16" declarations: (#<declaration property: bottom value: "6.40rem">)> #<rule selector: ".bottom-20" declarations: (#<declaration property: bottom value: "8.00rem">)> #<rule selector: ".bottom-24" declarations: (#<declaration property: bottom value: "9.60rem">)> #<rule selector: ".bottom-28" declarations: (#<declaration property: bottom value: "11.20rem">)> #<rule selector: ".bottom-32" declarations: (#<declaration property: bottom value: "12.80rem">)> #<rule selector: ".bottom-48" declarations: (#<declaration property: bottom value: "19.20rem">)> #<rule selector: ".bottom-64" declarations: (#<declaration property: bottom value: "25.60rem">)> #<rule selector: ".bottom-72" declarations: (#<declaration property: bottom value: "28.80rem">)> #<rule selector: ".bottom-90" declarations: (#<declaration property: bottom value: "36.00rem">)> #<rule selector: ".bottom-96" declarations: (#<declaration property: bottom value: "38.40rem">)> #<rule selector: ".bottom-100" declarations: (#<declaration property: bottom value: "40.00rem">)> #<rule selector: ".bottom-128" declarations: (#<declaration property: bottom value: "51.20rem">)> #<rule selector: ".bottom-196" declarations: (#<declaration property: bottom value: "78.40rem">)> #<rule selector: ".bottom-256" declarations: (#<declaration property: bottom value: "102.40rem">)> #<rule selector: ".bottom-512" declarations: (#<declaration property: bottom value: "204.80rem">)> #<rule selector: ".bottom-0" declarations: (#<declaration property: bottom value: 0>)> #<rule selector: ".bottom-2\\/3" declarations: (#<declaration property: bottom value: "66.6%">)> #<rule selector: ".bottom-1\\/2" declarations: (#<declaration property: bottom value: "50%">)> #<rule selector: ".bottom-1\\/3" declarations: (#<declaration property: bottom value: "33.3%">)> #<rule selector: ".bottom-1\\/4" declarations: (#<declaration property: bottom value: "25%">)> #<rule selector: ".bottom-1\\/5" declarations: (#<declaration property: bottom value: "20%">)> #<rule selector: ".bottom-1\\/6" declarations: (#<declaration property: bottom value: "16.6%">)> #<rule selector: ".bottom-1\\/8" declarations: (#<declaration property: bottom value: "12.5%">)>) (#<rule selector: ".left-1" declarations: (#<declaration property: left value: "0.40rem">)> #<rule selector: ".left-2" declarations: (#<declaration property: left value: "0.80rem">)> #<rule selector: ".left-3" declarations: (#<declaration property: left value: "1.20rem">)> #<rule selector: ".left-4" declarations: (#<declaration property: left value: "1.60rem">)> #<rule selector: ".left-5" declarations: (#<declaration property: left value: "2.00rem">)> #<rule selector: ".left-6" declarations: (#<declaration property: left value: "2.40rem">)> #<rule selector: ".left-7" declarations: (#<declaration property: left value: "2.80rem">)> #<rule selector: ".left-8" declarations: (#<declaration property: left value: "3.20rem">)> #<rule selector: ".left-9" declarations: (#<declaration property: left value: "3.60rem">)> #<rule selector: ".left-10" declarations: (#<declaration property: left value: "4.00rem">)> #<rule selector: ".left-12" declarations: (#<declaration property: left value: "4.80rem">)> #<rule selector: ".left-14" declarations: (#<declaration property: left value: "5.60rem">)> #<rule selector: ".left-16" declarations: (#<declaration property: left value: "6.40rem">)> #<rule selector: ".left-20" declarations: (#<declaration property: left value: "8.00rem">)> #<rule selector: ".left-24" declarations: (#<declaration property: left value: "9.60rem">)> #<rule selector: ".left-28" declarations: (#<declaration property: left value: "11.20rem">)> #<rule selector: ".left-32" declarations: (#<declaration property: left value: "12.80rem">)> #<rule selector: ".left-48" declarations: (#<declaration property: left value: "19.20rem">)> #<rule selector: ".left-64" declarations: (#<declaration property: left value: "25.60rem">)> #<rule selector: ".left-72" declarations: (#<declaration property: left value: "28.80rem">)> #<rule selector: ".left-90" declarations: (#<declaration property: left value: "36.00rem">)> #<rule selector: ".left-96" declarations: (#<declaration property: left value: "38.40rem">)> #<rule selector: ".left-100" declarations: (#<declaration property: left value: "40.00rem">)> #<rule selector: ".left-128" declarations: (#<declaration property: left value: "51.20rem">)> #<rule selector: ".left-196" declarations: (#<declaration property: left value: "78.40rem">)> #<rule selector: ".left-256" declarations: (#<declaration property: left value: "102.40rem">)> #<rule selector: ".left-512" declarations: (#<declaration property: left value: "204.80rem">)> #<rule selector: ".left-0" declarations: (#<declaration property: left value: 0>)> #<rule selector: ".left-2\\/3" declarations: (#<declaration property: left value: "66.6%">)> #<rule selector: ".left-1\\/2" declarations: (#<declaration property: left value: "50%">)> #<rule selector: ".left-1\\/3" declarations: (#<declaration property: left value: "33.3%">)> #<rule selector: ".left-1\\/4" declarations: (#<declaration property: left value: "25%">)> #<rule selector: ".left-1\\/5" declarations: (#<declaration property: left value: "20%">)> #<rule selector: ".left-1\\/6" declarations: (#<declaration property: left value: "16.6%">)> #<rule selector: ".left-1\\/8" declarations: (#<declaration property: left value: "12.5%">)>) (#<rule selector: ".right-1" declarations: (#<declaration property: right value: "0.40rem">)> #<rule selector: ".right-2" declarations: (#<declaration property: right value: "0.80rem">)> #<rule selector: ".right-3" declarations: (#<declaration property: right value: "1.20rem">)> #<rule selector: ".right-4" declarations: (#<declaration property: right value: "1.60rem">)> #<rule selector: ".right-5" declarations: (#<declaration property: right value: "2.00rem">)> #<rule selector: ".right-6" declarations: (#<declaration property: right value: "2.40rem">)> #<rule selector: ".right-7" declarations: (#<declaration property: right value: "2.80rem">)> #<rule selector: ".right-8" declarations: (#<declaration property: right value: "3.20rem">)> #<rule selector: ".right-9" declarations: (#<declaration property: right value: "3.60rem">)> #<rule selector: ".right-10" declarations: (#<declaration property: right value: "4.00rem">)> #<rule selector: ".right-12" declarations: (#<declaration property: right value: "4.80rem">)> #<rule selector: ".right-14" declarations: (#<declaration property: right value: "5.60rem">)> #<rule selector: ".right-16" declarations: (#<declaration property: right value: "6.40rem">)> #<rule selector: ".right-20" declarations: (#<declaration property: right value: "8.00rem">)> #<rule selector: ".right-24" declarations: (#<declaration property: right value: "9.60rem">)> #<rule selector: ".right-28" declarations: (#<declaration property: right value: "11.20rem">)> #<rule selector: ".right-32" declarations: (#<declaration property: right value: "12.80rem">)> #<rule selector: ".right-48" declarations: (#<declaration property: right value: "19.20rem">)> #<rule selector: ".right-64" declarations: (#<declaration property: right value: "25.60rem">)> #<rule selector: ".right-72" declarations: (#<declaration property: right value: "28.80rem">)> #<rule selector: ".right-90" declarations: (#<declaration property: right value: "36.00rem">)> #<rule selector: ".right-96" declarations: (#<declaration property: right value: "38.40rem">)> #<rule selector: ".right-100" declarations: (#<declaration property: right value: "40.00rem">)> #<rule selector: ".right-128" declarations: (#<declaration property: right value: "51.20rem">)> #<rule selector: ".right-196" declarations: (#<declaration property: right value: "78.40rem">)> #<rule selector: ".right-256" declarations: (#<declaration property: right value: "102.40rem">)> #<rule selector: ".right-512" declarations: (#<declaration property: right value: "204.80rem">)> #<rule selector: ".right-0" declarations: (#<declaration property: right value: 0>)> #<rule selector: ".right-2\\/3" declarations: (#<declaration property: right value: "66.6%">)> #<rule selector: ".right-1\\/2" declarations: (#<declaration property: right value: "50%">)> #<rule selector: ".right-1\\/3" declarations: (#<declaration property: right value: "33.3%">)> #<rule selector: ".right-1\\/4" declarations: (#<declaration property: right value: "25%">)> #<rule selector: ".right-1\\/5" declarations: (#<declaration property: right value: "20%">)> #<rule selector: ".right-1\\/6" declarations: (#<declaration property: right value: "16.6%">)> #<rule selector: ".right-1\\/8" declarations: (#<declaration property: right value: "12.5%">)>))
Parameter: absolute-positions-multiplier

Default value:

0.4
Parameter: aspect-ratio

Default value:

(#<rule selector: ".aspect-square" declarations: (#<declaration property: aspect-ratio value: "1 / 1">)> #<rule selector: ".aspect-auto" declarations: (#<declaration property: aspect-ratio value: auto>)> #<rule selector: ".aspect-16\\/9" declarations: (#<declaration property: aspect-ratio value: "16 / 9">)> #<rule selector: ".aspect-16\\/10" declarations: (#<declaration property: aspect-ratio value: "16 / 10">)> #<rule selector: ".aspect-4\\/3" declarations: (#<declaration property: aspect-ratio value: "4 / 3">)>)
Parameter: box-decoration-break

Default value:

(#<rule selector: ".box-decoration-clone" declarations: (#<declaration property: box-decoration-break value: clone>)> #<rule selector: ".box-decoration-slice" declarations: (#<declaration property: box-decoration-break value: slice>)>)
Parameter: clear

Default value:

(#<rule selector: ".clear-left" declarations: (#<declaration property: clear value: left>)> #<rule selector: ".clear-right" declarations: (#<declaration property: clear value: right>)> #<rule selector: ".clear-both" declarations: (#<declaration property: clear value: both>)> #<rule selector: ".clear-start" declarations: (#<declaration property: clear value: inline-start>)> #<rule selector: ".clear-end" declarations: (#<declaration property: clear value: inline-end>)> #<rule selector: ".clear-none" declarations: (#<declaration property: clear value: none>)>)
Parameter: columns

Default value:

(#<rule selector: ".columns-2xs" declarations: (#<declaration property: columns value: 1>)> #<rule selector: ".columns-xs" declarations: (#<declaration property: columns value: 2>)> #<rule selector: ".columns-sm" declarations: (#<declaration property: columns value: 3>)> #<rule selector: ".columns-md" declarations: (#<declaration property: columns value: 4>)> #<rule selector: ".columns-lg" declarations: (#<declaration property: columns value: 5>)> #<rule selector: ".columns-xl" declarations: (#<declaration property: columns value: 6>)> #<rule selector: ".columns-2xl" declarations: (#<declaration property: columns value: 7>)> #<rule selector: ".columns-3xl" declarations: (#<declaration property: columns value: 8>)> #<rule selector: ".columns-4xl" declarations: (#<declaration property: columns value: 9>)> #<rule selector: ".columns-5xl" declarations: (#<declaration property: columns value: 10>)> #<rule selector: ".columns-1" declarations: (#<declaration property: columns value: 1>)> #<rule selector: ".columns-2" declarations: (#<declaration property: columns value: 2>)> #<rule selector: ".columns-3" declarations: (#<declaration property: columns value: 3>)> #<rule selector: ".columns-4" declarations: (#<declaration property: columns value: 4>)> #<rule selector: ".columns-5" declarations: (#<declaration property: columns value: 5>)> #<rule selector: ".columns-6" declarations: (#<declaration property: columns value: 6>)> #<rule selector: ".columns-7" declarations: (#<declaration property: columns value: 7>)> #<rule selector: ".columns-8" declarations: (#<declaration property: columns value: 8>)> #<rule selector: ".columns-9" declarations: (#<declaration property: columns value: 9>)> #<rule selector: ".columns-10" declarations: (#<declaration property: columns value: 10>)> #<rule selector: ".columns-12" declarations: (#<declaration property: columns value: 12>)> #<rule selector: ".columns-14" declarations: (#<declaration property: columns value: 14>)> #<rule selector: ".columns-16" declarations: (#<declaration property: columns value: 16>)> #<rule selector: ".columns-20" declarations: (#<declaration property: columns value: 20>)> #<rule selector: ".columns-24" declarations: (#<declaration property: columns value: 24>)> #<rule selector: ".columns-28" declarations: (#<declaration property: columns value: 28>)> #<rule selector: ".columns-32" declarations: (#<declaration property: columns value: 32>)> #<rule selector: ".columns-48" declarations: (#<declaration property: columns value: 48>)> #<rule selector: ".columns-64" declarations: (#<declaration property: columns value: 64>)> #<rule selector: ".columns-72" declarations: (#<declaration property: columns value: 72>)> #<rule selector: ".columns-90" declarations: (#<declaration property: columns value: 90>)> #<rule selector: ".columns-96" declarations: (#<declaration property: columns value: 96>)> #<rule selector: ".columns-100" declarations: (#<declaration property: columns value: 100>)> #<rule selector: ".columns-128" declarations: (#<declaration property: columns value: 128>)> #<rule selector: ".columns-196" declarations: (#<declaration property: columns value: 196>)> #<rule selector: ".columns-256" declarations: (#<declaration property: columns value: 256>)> #<rule selector: ".columns-512" declarations: (#<declaration property: columns value: 512>)>)
Parameter: displays

Default value:

(#<rule selector: ".inline" declarations: (#<declaration property: display value: inline>)> #<rule selector: ".block" declarations: (#<declaration property: display value: block>)> #<rule selector: ".inline-block" declarations: (#<declaration property: display value: inline-block>)> #<rule selector: ".flow-root" declarations: (#<declaration property: display value: flow-root>)> #<rule selector: ".flex" declarations: (#<declaration property: display value: flex>)> #<rule selector: ".inline-flex" declarations: (#<declaration property: display value: inline-flex>)> #<rule selector: ".grid" declarations: (#<declaration property: display value: grid>)> #<rule selector: ".inline-grid" declarations: (#<declaration property: display value: inline-grid>)> #<rule selector: ".contents" declarations: (#<declaration property: display value: contents>)> #<rule selector: ".table" declarations: (#<declaration property: display value: table>)> #<rule selector: ".inline-table" declarations: (#<declaration property: display value: inline-table>)> #<rule selector: ".table-caption" declarations: (#<declaration property: display value: table-caption>)> #<rule selector: ".table-cell" declarations: (#<declaration property: display value: table-cell>)> #<rule selector: ".table-column" declarations: (#<declaration property: display value: table-column>)> #<rule selector: ".table-column-group" declarations: (#<declaration property: display value: table-column-group>)> #<rule selector: ".table-footer-group" declarations: (#<declaration property: display value: table-footer-group>)> #<rule selector: ".table-header-group" declarations: (#<declaration property: display value: table-header-group>)> #<rule selector: ".table-row-group" declarations: (#<declaration property: display value: table-row-group>)> #<rule selector: ".table-row" declarations: (#<declaration property: display value: table-row>)> #<rule selector: ".list-item" declarations: (#<declaration property: display value: list-item>)> #<rule selector: ".hidden" declarations: (#<declaration property: display value: none>)>)
Parameter: float

Default value:

(#<rule selector: ".float-right" declarations: (#<declaration property: float value: right>)> #<rule selector: ".float-left" declarations: (#<declaration property: float value: left>)> #<rule selector: ".float-start" declarations: (#<declaration property: float value: inline-start>)> #<rule selector: ".float-end" declarations: (#<declaration property: float value: inline-end>)> #<rule selector: ".float-none" declarations: (#<declaration property: float value: none>)>)
Parameter: isolation

Default value:

(#<rule selector: ".isolate" declarations: (#<declaration property: isolation value: isolate>)> #<rule selector: ".isolation-auto" declarations: (#<declaration property: isolation value: auto>)>)
Parameter: layout-classes

Default value:

((#<rule selector: ".aspect-square" declarations: (#<declaration property: aspect-ratio value: "1 / 1">)> #<rule selector: ".aspect-auto" declarations: (#<declaration property: aspect-ratio value: auto>)> #<rule selector: ".aspect-16\\/9" declarations: (#<declaration property: aspect-ratio value: "16 / 9">)> #<rule selector: ".aspect-16\\/10" declarations: (#<declaration property: aspect-ratio value: "16 / 10">)> #<rule selector: ".aspect-4\\/3" declarations: (#<declaration property: aspect-ratio value: "4 / 3">)>) (#<rule selector: ".columns-2xs" declarations: (#<declaration property: columns value: 1>)> #<rule selector: ".columns-xs" declarations: (#<declaration property: columns value: 2>)> #<rule selector: ".columns-sm" declarations: (#<declaration property: columns value: 3>)> #<rule selector: ".columns-md" declarations: (#<declaration property: columns value: 4>)> #<rule selector: ".columns-lg" declarations: (#<declaration property: columns value: 5>)> #<rule selector: ".columns-xl" declarations: (#<declaration property: columns value: 6>)> #<rule selector: ".columns-2xl" declarations: (#<declaration property: columns value: 7>)> #<rule selector: ".columns-3xl" declarations: (#<declaration property: columns value: 8>)> #<rule selector: ".columns-4xl" declarations: (#<declaration property: columns value: 9>)> #<rule selector: ".columns-5xl" declarations: (#<declaration property: columns value: 10>)> #<rule selector: ".columns-1" declarations: (#<declaration property: columns value: 1>)> #<rule selector: ".columns-2" declarations: (#<declaration property: columns value: 2>)> #<rule selector: ".columns-3" declarations: (#<declaration property: columns value: 3>)> #<rule selector: ".columns-4" declarations: (#<declaration property: columns value: 4>)> #<rule selector: ".columns-5" declarations: (#<declaration property: columns value: 5>)> #<rule selector: ".columns-6" declarations: (#<declaration property: columns value: 6>)> #<rule selector: ".columns-7" declarations: (#<declaration property: columns value: 7>)> #<rule selector: ".columns-8" declarations: (#<declaration property: columns value: 8>)> #<rule selector: ".columns-9" declarations: (#<declaration property: columns value: 9>)> #<rule selector: ".columns-10" declarations: (#<declaration property: columns value: 10>)> #<rule selector: ".columns-12" declarations: (#<declaration property: columns value: 12>)> #<rule selector: ".columns-14" declarations: (#<declaration property: columns value: 14>)> #<rule selector: ".columns-16" declarations: (#<declaration property: columns value: 16>)> #<rule selector: ".columns-20" declarations: (#<declaration property: columns value: 20>)> #<rule selector: ".columns-24" declarations: (#<declaration property: columns value: 24>)> #<rule selector: ".columns-28" declarations: (#<declaration property: columns value: 28>)> #<rule selector: ".columns-32" declarations: (#<declaration property: columns value: 32>)> #<rule selector: ".columns-48" declarations: (#<declaration property: columns value: 48>)> #<rule selector: ".columns-64" declarations: (#<declaration property: columns value: 64>)> #<rule selector: ".columns-72" declarations: (#<declaration property: columns value: 72>)> #<rule selector: ".columns-90" declarations: (#<declaration property: columns value: 90>)> #<rule selector: ".columns-96" declarations: (#<declaration property: columns value: 96>)> #<rule selector: ".columns-100" declarations: (#<declaration property: columns value: 100>)> #<rule selector: ".columns-128" declarations: (#<declaration property: columns value: 128>)> #<rule selector: ".columns-196" declarations: (#<declaration property: columns value: 196>)> #<rule selector: ".columns-256" declarations: (#<declaration property: columns value: 256>)> #<rule selector: ".columns-512" declarations: (#<declaration property: columns value: 512>)>) (#<rule selector: ".object-contain" declarations: (#<declaration property: object-fit value: contain>)> #<rule selector: ".object-cover" declarations: (#<declaration property: object-fit value: cover>)> #<rule selector: ".object-fill" declarations: (#<declaration property: object-fit value: fill>)> #<rule selector: ".object-none" declarations: (#<declaration property: object-fit value: none>)> #<rule selector: ".object-scale-down" declarations: (#<declaration property: object-fit value: scale-down>)>) (#<rule selector: ".object-top-left" declarations: (#<declaration property: object-position value: "top left">)> #<rule selector: ".object-top" declarations: (#<declaration property: object-position value: top>)> #<rule selector: ".object-top-right" declarations: (#<declaration property: object-position value: "top right">)> #<rule selector: ".object-left" declarations: (#<declaration property: object-position value: left>)> #<rule selector: ".object-center" declarations: (#<declaration property: object-position value: center>)> #<rule selector: ".object-right" declarations: (#<declaration property: object-position value: right>)> #<rule selector: ".object-bottom-left" declarations: (#<declaration property: object-position value: "bottom left">)> #<rule selector: ".object-bottom" declarations: (#<declaration property: object-position value: bottom>)> #<rule selector: ".object-bottom-right" declarations: (#<declaration property: object-position value: "bottom right">)>) ((#<rule selector: ".top-1" declarations: (#<declaration property: top value: "0.40rem">)> #<rule selector: ".top-2" declarations: (#<declaration property: top value: "0.80rem">)> #<rule selector: ".top-3" declarations: (#<declaration property: top value: "1.20rem">)> #<rule selector: ".top-4" declarations: (#<declaration property: top value: "1.60rem">)> #<rule selector: ".top-5" declarations: (#<declaration property: top value: "2.00rem">)> #<rule selector: ".top-6" declarations: (#<declaration property: top value: "2.40rem">)> #<rule selector: ".top-7" declarations: (#<declaration property: top value: "2.80rem">)> #<rule selector: ".top-8" declarations: (#<declaration property: top value: "3.20rem">)> #<rule selector: ".top-9" declarations: (#<declaration property: top value: "3.60rem">)> #<rule selector: ".top-10" declarations: (#<declaration property: top value: "4.00rem">)> #<rule selector: ".top-12" declarations: (#<declaration property: top value: "4.80rem">)> #<rule selector: ".top-14" declarations: (#<declaration property: top value: "5.60rem">)> #<rule selector: ".top-16" declarations: (#<declaration property: top value: "6.40rem">)> #<rule selector: ".top-20" declarations: (#<declaration property: top value: "8.00rem">)> #<rule selector: ".top-24" declarations: (#<declaration property: top value: "9.60rem">)> #<rule selector: ".top-28" declarations: (#<declaration property: top value: "11.20rem">)> #<rule selector: ".top-32" declarations: (#<declaration property: top value: "12.80rem">)> #<rule selector: ".top-48" declarations: (#<declaration property: top value: "19.20rem">)> #<rule selector: ".top-64" declarations: (#<declaration property: top value: "25.60rem">)> #<rule selector: ".top-72" declarations: (#<declaration property: top value: "28.80rem">)> #<rule selector: ".top-90" declarations: (#<declaration property: top value: "36.00rem">)> #<rule selector: ".top-96" declarations: (#<declaration property: top value: "38.40rem">)> #<rule selector: ".top-100" declarations: (#<declaration property: top value: "40.00rem">)> #<rule selector: ".top-128" declarations: (#<declaration property: top value: "51.20rem">)> #<rule selector: ".top-196" declarations: (#<declaration property: top value: "78.40rem">)> #<rule selector: ".top-256" declarations: (#<declaration property: top value: "102.40rem">)> #<rule selector: ".top-512" declarations: (#<declaration property: top value: "204.80rem">)> #<rule selector: ".top-0" declarations: (#<declaration property: top value: 0>)> #<rule selector: ".top-2\\/3" declarations: (#<declaration property: top value: "66.6%">)> #<rule selector: ".top-1\\/2" declarations: (#<declaration property: top value: "50%">)> #<rule selector: ".top-1\\/3" declarations: (#<declaration property: top value: "33.3%">)> #<rule selector: ".top-1\\/4" declarations: (#<declaration property: top value: "25%">)> #<rule selector: ".top-1\\/5" declarations: (#<declaration property: top value: "20%">)> #<rule selector: ".top-1\\/6" declarations: (#<declaration property: top value: "16.6%">)> #<rule selector: ".top-1\\/8" declarations: (#<declaration property: top value: "12.5%">)>) (#<rule selector: ".bottom-1" declarations: (#<declaration property: bottom value: "0.40rem">)> #<rule selector: ".bottom-2" declarations: (#<declaration property: bottom value: "0.80rem">)> #<rule selector: ".bottom-3" declarations: (#<declaration property: bottom value: "1.20rem">)> #<rule selector: ".bottom-4" declarations: (#<declaration property: bottom value: "1.60rem">)> #<rule selector: ".bottom-5" declarations: (#<declaration property: bottom value: "2.00rem">)> #<rule selector: ".bottom-6" declarations: (#<declaration property: bottom value: "2.40rem">)> #<rule selector: ".bottom-7" declarations: (#<declaration property: bottom value: "2.80rem">)> #<rule selector: ".bottom-8" declarations: (#<declaration property: bottom value: "3.20rem">)> #<rule selector: ".bottom-9" declarations: (#<declaration property: bottom value: "3.60rem">)> #<rule selector: ".bottom-10" declarations: (#<declaration property: bottom value: "4.00rem">)> #<rule selector: ".bottom-12" declarations: (#<declaration property: bottom value: "4.80rem">)> #<rule selector: ".bottom-14" declarations: (#<declaration property: bottom value: "5.60rem">)> #<rule selector: ".bottom-16" declarations: (#<declaration property: bottom value: "6.40rem">)> #<rule selector: ".bottom-20" declarations: (#<declaration property: bottom value: "8.00rem">)> #<rule selector: ".bottom-24" declarations: (#<declaration property: bottom value: "9.60rem">)> #<rule selector: ".bottom-28" declarations: (#<declaration property: bottom value: "11.20rem">)> #<rule selector: ".bottom-32" declarations: (#<declaration property: bottom value: "12.80rem">)> #<rule selector: ".bottom-48" declarations: (#<declaration property: bottom value: "19.20rem">)> #<rule selector: ".bottom-64" declarations: (#<declaration property: bottom value: "25.60rem">)> #<rule selector: ".bottom-72" declarations: (#<declaration property: bottom value: "28.80rem">)> #<rule selector: ".bottom-90" declarations: (#<declaration property: bottom value: "36.00rem">)> #<rule selector: ".bottom-96" declarations: (#<declaration property: bottom value: "38.40rem">)> #<rule selector: ".bottom-100" declarations: (#<declaration property: bottom value: "40.00rem">)> #<rule selector: ".bottom-128" declarations: (#<declaration property: bottom value: "51.20rem">)> #<rule selector: ".bottom-196" declarations: (#<declaration property: bottom value: "78.40rem">)> #<rule selector: ".bottom-256" declarations: (#<declaration property: bottom value: "102.40rem">)> #<rule selector: ".bottom-512" declarations: (#<declaration property: bottom value: "204.80rem">)> #<rule selector: ".bottom-0" declarations: (#<declaration property: bottom value: 0>)> #<rule selector: ".bottom-2\\/3" declarations: (#<declaration property: bottom value: "66.6%">)> #<rule selector: ".bottom-1\\/2" declarations: (#<declaration property: bottom value: "50%">)> #<rule selector: ".bottom-1\\/3" declarations: (#<declaration property: bottom value: "33.3%">)> #<rule selector: ".bottom-1\\/4" declarations: (#<declaration property: bottom value: "25%">)> #<rule selector: ".bottom-1\\/5" declarations: (#<declaration property: bottom value: "20%">)> #<rule selector: ".bottom-1\\/6" declarations: (#<declaration property: bottom value: "16.6%">)> #<rule selector: ".bottom-1\\/8" declarations: (#<declaration property: bottom value: "12.5%">)>) (#<rule selector: ".left-1" declarations: (#<declaration property: left value: "0.40rem">)> #<rule selector: ".left-2" declarations: (#<declaration property: left value: "0.80rem">)> #<rule selector: ".left-3" declarations: (#<declaration property: left value: "1.20rem">)> #<rule selector: ".left-4" declarations: (#<declaration property: left value: "1.60rem">)> #<rule selector: ".left-5" declarations: (#<declaration property: left value: "2.00rem">)> #<rule selector: ".left-6" declarations: (#<declaration property: left value: "2.40rem">)> #<rule selector: ".left-7" declarations: (#<declaration property: left value: "2.80rem">)> #<rule selector: ".left-8" declarations: (#<declaration property: left value: "3.20rem">)> #<rule selector: ".left-9" declarations: (#<declaration property: left value: "3.60rem">)> #<rule selector: ".left-10" declarations: (#<declaration property: left value: "4.00rem">)> #<rule selector: ".left-12" declarations: (#<declaration property: left value: "4.80rem">)> #<rule selector: ".left-14" declarations: (#<declaration property: left value: "5.60rem">)> #<rule selector: ".left-16" declarations: (#<declaration property: left value: "6.40rem">)> #<rule selector: ".left-20" declarations: (#<declaration property: left value: "8.00rem">)> #<rule selector: ".left-24" declarations: (#<declaration property: left value: "9.60rem">)> #<rule selector: ".left-28" declarations: (#<declaration property: left value: "11.20rem">)> #<rule selector: ".left-32" declarations: (#<declaration property: left value: "12.80rem">)> #<rule selector: ".left-48" declarations: (#<declaration property: left value: "19.20rem">)> #<rule selector: ".left-64" declarations: (#<declaration property: left value: "25.60rem">)> #<rule selector: ".left-72" declarations: (#<declaration property: left value: "28.80rem">)> #<rule selector: ".left-90" declarations: (#<declaration property: left value: "36.00rem">)> #<rule selector: ".left-96" declarations: (#<declaration property: left value: "38.40rem">)> #<rule selector: ".left-100" declarations: (#<declaration property: left value: "40.00rem">)> #<rule selector: ".left-128" declarations: (#<declaration property: left value: "51.20rem">)> #<rule selector: ".left-196" declarations: (#<declaration property: left value: "78.40rem">)> #<rule selector: ".left-256" declarations: (#<declaration property: left value: "102.40rem">)> #<rule selector: ".left-512" declarations: (#<declaration property: left value: "204.80rem">)> #<rule selector: ".left-0" declarations: (#<declaration property: left value: 0>)> #<rule selector: ".left-2\\/3" declarations: (#<declaration property: left value: "66.6%">)> #<rule selector: ".left-1\\/2" declarations: (#<declaration property: left value: "50%">)> #<rule selector: ".left-1\\/3" declarations: (#<declaration property: left value: "33.3%">)> #<rule selector: ".left-1\\/4" declarations: (#<declaration property: left value: "25%">)> #<rule selector: ".left-1\\/5" declarations: (#<declaration property: left value: "20%">)> #<rule selector: ".left-1\\/6" declarations: (#<declaration property: left value: "16.6%">)> #<rule selector: ".left-1\\/8" declarations: (#<declaration property: left value: "12.5%">)>) (#<rule selector: ".right-1" declarations: (#<declaration property: right value: "0.40rem">)> #<rule selector: ".right-2" declarations: (#<declaration property: right value: "0.80rem">)> #<rule selector: ".right-3" declarations: (#<declaration property: right value: "1.20rem">)> #<rule selector: ".right-4" declarations: (#<declaration property: right value: "1.60rem">)> #<rule selector: ".right-5" declarations: (#<declaration property: right value: "2.00rem">)> #<rule selector: ".right-6" declarations: (#<declaration property: right value: "2.40rem">)> #<rule selector: ".right-7" declarations: (#<declaration property: right value: "2.80rem">)> #<rule selector: ".right-8" declarations: (#<declaration property: right value: "3.20rem">)> #<rule selector: ".right-9" declarations: (#<declaration property: right value: "3.60rem">)> #<rule selector: ".right-10" declarations: (#<declaration property: right value: "4.00rem">)> #<rule selector: ".right-12" declarations: (#<declaration property: right value: "4.80rem">)> #<rule selector: ".right-14" declarations: (#<declaration property: right value: "5.60rem">)> #<rule selector: ".right-16" declarations: (#<declaration property: right value: "6.40rem">)> #<rule selector: ".right-20" declarations: (#<declaration property: right value: "8.00rem">)> #<rule selector: ".right-24" declarations: (#<declaration property: right value: "9.60rem">)> #<rule selector: ".right-28" declarations: (#<declaration property: right value: "11.20rem">)> #<rule selector: ".right-32" declarations: (#<declaration property: right value: "12.80rem">)> #<rule selector: ".right-48" declarations: (#<declaration property: right value: "19.20rem">)> #<rule selector: ".right-64" declarations: (#<declaration property: right value: "25.60rem">)> #<rule selector: ".right-72" declarations: (#<declaration property: right value: "28.80rem">)> #<rule selector: ".right-90" declarations: (#<declaration property: right value: "36.00rem">)> #<rule selector: ".right-96" declarations: (#<declaration property: right value: "38.40rem">)> #<rule selector: ".right-100" declarations: (#<declaration property: right value: "40.00rem">)> #<rule selector: ".right-128" declarations: (#<declaration property: right value: "51.20rem">)> #<rule selector: ".right-196" declarations: (#<declaration property: right value: "78.40rem">)> #<rule selector: ".right-256" declarations: (#<declaration property: right value: "102.40rem">)> #<rule selector: ".right-512" declarations: (#<declaration property: right value: "204.80rem">)> #<rule selector: ".right-0" declarations: (#<declaration property: right value: 0>)> #<rule selector: ".right-2\\/3" declarations: (#<declaration property: right value: "66.6%">)> #<rule selector: ".right-1\\/2" declarations: (#<declaration property: right value: "50%">)> #<rule selector: ".right-1\\/3" declarations: (#<declaration property: right value: "33.3%">)> #<rule selector: ".right-1\\/4" declarations: (#<declaration property: right value: "25%">)> #<rule selector: ".right-1\\/5" declarations: (#<declaration property: right value: "20%">)> #<rule selector: ".right-1\\/6" declarations: (#<declaration property: right value: "16.6%">)> #<rule selector: ".right-1\\/8" declarations: (#<declaration property: right value: "12.5%">)>)) (#<rule selector: ".inline" declarations: (#<declaration property: display value: inline>)> #<rule selector: ".block" declarations: (#<declaration property: display value: block>)> #<rule selector: ".inline-block" declarations: (#<declaration property: display value: inline-block>)> #<rule selector: ".flow-root" declarations: (#<declaration property: display value: flow-root>)> #<rule selector: ".flex" declarations: (#<declaration property: display value: flex>)> #<rule selector: ".inline-flex" declarations: (#<declaration property: display value: inline-flex>)> #<rule selector: ".grid" declarations: (#<declaration property: display value: grid>)> #<rule selector: ".inline-grid" declarations: (#<declaration property: display value: inline-grid>)> #<rule selector: ".contents" declarations: (#<declaration property: display value: contents>)> #<rule selector: ".table" declarations: (#<declaration property: display value: table>)> #<rule selector: ".inline-table" declarations: (#<declaration property: display value: inline-table>)> #<rule selector: ".table-caption" declarations: (#<declaration property: display value: table-caption>)> #<rule selector: ".table-cell" declarations: (#<declaration property: display value: table-cell>)> #<rule selector: ".table-column" declarations: (#<declaration property: display value: table-column>)> #<rule selector: ".table-column-group" declarations: (#<declaration property: display value: table-column-group>)> #<rule selector: ".table-footer-group" declarations: (#<declaration property: display value: table-footer-group>)> #<rule selector: ".table-header-group" declarations: (#<declaration property: display value: table-header-group>)> #<rule selector: ".table-row-group" declarations: (#<declaration property: display value: table-row-group>)> #<rule selector: ".table-row" declarations: (#<declaration property: display value: table-row>)> #<rule selector: ".list-item" declarations: (#<declaration property: display value: list-item>)> #<rule selector: ".hidden" declarations: (#<declaration property: display value: none>)>) (#<rule selector: ".float-right" declarations: (#<declaration property: float value: right>)> #<rule selector: ".float-left" declarations: (#<declaration property: float value: left>)> #<rule selector: ".float-start" declarations: (#<declaration property: float value: inline-start>)> #<rule selector: ".float-end" declarations: (#<declaration property: float value: inline-end>)> #<rule selector: ".float-none" declarations: (#<declaration property: float value: none>)>) (#<rule selector: ".clear-left" declarations: (#<declaration property: clear value: left>)> #<rule selector: ".clear-right" declarations: (#<declaration property: clear value: right>)> #<rule selector: ".clear-both" declarations: (#<declaration property: clear value: both>)> #<rule selector: ".clear-start" declarations: (#<declaration property: clear value: inline-start>)> #<rule selector: ".clear-end" declarations: (#<declaration property: clear value: inline-end>)> #<rule selector: ".clear-none" declarations: (#<declaration property: clear value: none>)>) (#<rule selector: ".overflow-auto" declarations: (#<declaration property: overflow value: auto>)> #<rule selector: ".overflow-hidden" declarations: (#<declaration property: overflow value: hidden>)> #<rule selector: ".overflow-clip" declarations: (#<declaration property: overflow value: clip>)> #<rule selector: ".overflow-visible" declarations: (#<declaration property: overflow value: visible>)> #<rule selector: ".overflow-scroll" declarations: (#<declaration property: overflow value: scroll>)>) (#<rule selector: ".overflow-x-auto" declarations: (#<declaration property: overflow-x value: auto>)> #<rule selector: ".overflow-x-hidden" declarations: (#<declaration property: overflow-x value: hidden>)> #<rule selector: ".overflow-x-clip" declarations: (#<declaration property: overflow-x value: clip>)> #<rule selector: ".overflow-x-visible" declarations: (#<declaration property: overflow-x value: visible>)> #<rule selector: ".overflow-x-scroll" declarations: (#<declaration property: overflow-x value: scroll>)>) (#<rule selector: ".overflow-y-auto" declarations: (#<declaration property: overflow-y value: auto>)> #<rule selector: ".overflow-y-hidden" declarations: (#<declaration property: overflow-y value: hidden>)> #<rule selector: ".overflow-y-clip" declarations: (#<declaration property: overflow-y value: clip>)> #<rule selector: ".overflow-y-visible" declarations: (#<declaration property: overflow-y value: visible>)> #<rule selector: ".overflow-y-scroll" declarations: (#<declaration property: overflow-y value: scroll>)>) (#<rule selector: ".overscroll-auto" declarations: (#<declaration property: overscroll-behavior value: auto>)> #<rule selector: ".overscroll-contain" declarations: (#<declaration property: overscroll-behavior value: contain>)> #<rule selector: ".overscroll-none" declarations: (#<declaration property: overscroll-behavior value: none>)>) (#<rule selector: ".overscroll-x-auto" declarations: (#<declaration property: overscroll-behavior-x value: auto>)> #<rule selector: ".overscroll-x-contain" declarations: (#<declaration property: overscroll-behavior-x value: contain>)> #<rule selector: ".overscroll-x-none" declarations: (#<declaration property: overscroll-behavior-x value: none>)>) (#<rule selector: ".overscroll-y-auto" declarations: (#<declaration property: overscroll-behavior-y value: auto>)> #<rule selector: ".overscroll-y-contain" declarations: (#<declaration property: overscroll-behavior-y value: contain>)> #<rule selector: ".overscroll-y-none" declarations: (#<declaration property: overscroll-behavior-y value: none>)>) (#<rule selector: ".box-decoration-clone" declarations: (#<declaration property: box-decoration-break value: clone>)> #<rule selector: ".box-decoration-slice" declarations: (#<declaration property: box-decoration-break value: slice>)>) (#<rule selector: ".box-border" declarations: (#<declaration property: box-sizing value: border-box>)> #<rule selector: ".box-content" declarations: (#<declaration property: box-sizing value: content-box>)>) (#<rule selector: ".isolate" declarations: (#<declaration property: isolation value: isolate>)> #<rule selector: ".isolation-auto" declarations: (#<declaration property: isolation value: auto>)>) (#<rule selector: ".absolute" declarations: (#<declaration property: position value: absolute>)> #<rule selector: ".fixed" declarations: (#<declaration property: position value: fixed>)> #<rule selector: ".relative" declarations: (#<declaration property: position value: relative>)> #<rule selector: ".sticky" declarations: (#<declaration property: position value: sticky>)> #<rule selector: ".static" declarations: (#<declaration property: position value: static>)>) (#<rule selector: ".z-1" declarations: (#<declaration property: z-index value: 1>)> #<rule selector: ".z-2" declarations: (#<declaration property: z-index value: 2>)> #<rule selector: ".z-3" declarations: (#<declaration property: z-index value: 3>)> #<rule selector: ".z-4" declarations: (#<declaration property: z-index value: 4>)> #<rule selector: ".z-5" declarations: (#<declaration property: z-index value: 5>)> #<rule selector: ".z-6" declarations: (#<declaration property: z-index value: 6>)> #<rule selector: ".z-7" declarations: (#<declaration property: z-index value: 7>)> #<rule selector: ".z-8" declarations: (#<declaration property: z-index value: 8>)> #<rule selector: ".z-9" declarations: (#<declaration property: z-index value: 9>)> #<rule selector: ".z-10" declarations: (#<declaration property: z-index value: 10>)> #<rule selector: ".z-12" declarations: (#<declaration property: z-index value: 12>)> #<rule selector: ".z-14" declarations: (#<declaration property: z-index value: 14>)> #<rule selector: ".z-16" declarations: (#<declaration property: z-index value: 16>)> #<rule selector: ".z-20" declarations: (#<declaration property: z-index value: 20>)> #<rule selector: ".z-24" declarations: (#<declaration property: z-index value: 24>)> #<rule selector: ".z-28" declarations: (#<declaration property: z-index value: 28>)> #<rule selector: ".z-32" declarations: (#<declaration property: z-index value: 32>)> #<rule selector: ".z-48" declarations: (#<declaration property: z-index value: 48>)> #<rule selector: ".z-64" declarations: (#<declaration property: z-index value: 64>)> #<rule selector: ".z-72" declarations: (#<declaration property: z-index value: 72>)> #<rule selector: ".z-90" declarations: (#<declaration property: z-index value: 90>)> #<rule selector: ".z-96" declarations: (#<declaration property: z-index value: 96>)> #<rule selector: ".z-100" declarations: (#<declaration property: z-index value: 100>)> #<rule selector: ".z-128" declarations: (#<declaration property: z-index value: 128>)> #<rule selector: ".z-196" declarations: (#<declaration property: z-index value: 196>)> #<rule selector: ".z-256" declarations: (#<declaration property: z-index value: 256>)> #<rule selector: ".z-512" declarations: (#<declaration property: z-index value: 512>)>))
Parameter: object-fit

Default value:

(#<rule selector: ".object-contain" declarations: (#<declaration property: object-fit value: contain>)> #<rule selector: ".object-cover" declarations: (#<declaration property: object-fit value: cover>)> #<rule selector: ".object-fill" declarations: (#<declaration property: object-fit value: fill>)> #<rule selector: ".object-none" declarations: (#<declaration property: object-fit value: none>)> #<rule selector: ".object-scale-down" declarations: (#<declaration property: object-fit value: scale-down>)>)
Parameter: object-position

Default value:

(#<rule selector: ".object-top-left" declarations: (#<declaration property: object-position value: "top left">)> #<rule selector: ".object-top" declarations: (#<declaration property: object-position value: top>)> #<rule selector: ".object-top-right" declarations: (#<declaration property: object-position value: "top right">)> #<rule selector: ".object-left" declarations: (#<declaration property: object-position value: left>)> #<rule selector: ".object-center" declarations: (#<declaration property: object-position value: center>)> #<rule selector: ".object-right" declarations: (#<declaration property: object-position value: right>)> #<rule selector: ".object-bottom-left" declarations: (#<declaration property: object-position value: "bottom left">)> #<rule selector: ".object-bottom" declarations: (#<declaration property: object-position value: bottom>)> #<rule selector: ".object-bottom-right" declarations: (#<declaration property: object-position value: "bottom right">)>)
Parameter: overflow

Default value:

(#<rule selector: ".overflow-auto" declarations: (#<declaration property: overflow value: auto>)> #<rule selector: ".overflow-hidden" declarations: (#<declaration property: overflow value: hidden>)> #<rule selector: ".overflow-clip" declarations: (#<declaration property: overflow value: clip>)> #<rule selector: ".overflow-visible" declarations: (#<declaration property: overflow value: visible>)> #<rule selector: ".overflow-scroll" declarations: (#<declaration property: overflow value: scroll>)>)
Parameter: overflow-x

Default value:

(#<rule selector: ".overflow-x-auto" declarations: (#<declaration property: overflow-x value: auto>)> #<rule selector: ".overflow-x-hidden" declarations: (#<declaration property: overflow-x value: hidden>)> #<rule selector: ".overflow-x-clip" declarations: (#<declaration property: overflow-x value: clip>)> #<rule selector: ".overflow-x-visible" declarations: (#<declaration property: overflow-x value: visible>)> #<rule selector: ".overflow-x-scroll" declarations: (#<declaration property: overflow-x value: scroll>)>)
Parameter: overflow-y

Default value:

(#<rule selector: ".overflow-y-auto" declarations: (#<declaration property: overflow-y value: auto>)> #<rule selector: ".overflow-y-hidden" declarations: (#<declaration property: overflow-y value: hidden>)> #<rule selector: ".overflow-y-clip" declarations: (#<declaration property: overflow-y value: clip>)> #<rule selector: ".overflow-y-visible" declarations: (#<declaration property: overflow-y value: visible>)> #<rule selector: ".overflow-y-scroll" declarations: (#<declaration property: overflow-y value: scroll>)>)
Parameter: overscroll-behavior

Default value:

(#<rule selector: ".overscroll-auto" declarations: (#<declaration property: overscroll-behavior value: auto>)> #<rule selector: ".overscroll-contain" declarations: (#<declaration property: overscroll-behavior value: contain>)> #<rule selector: ".overscroll-none" declarations: (#<declaration property: overscroll-behavior value: none>)>)
Parameter: overscroll-behavior-x

Default value:

(#<rule selector: ".overscroll-x-auto" declarations: (#<declaration property: overscroll-behavior-x value: auto>)> #<rule selector: ".overscroll-x-contain" declarations: (#<declaration property: overscroll-behavior-x value: contain>)> #<rule selector: ".overscroll-x-none" declarations: (#<declaration property: overscroll-behavior-x value: none>)>)
Parameter: overscroll-behavior-y

Default value:

(#<rule selector: ".overscroll-y-auto" declarations: (#<declaration property: overscroll-behavior-y value: auto>)> #<rule selector: ".overscroll-y-contain" declarations: (#<declaration property: overscroll-behavior-y value: contain>)> #<rule selector: ".overscroll-y-none" declarations: (#<declaration property: overscroll-behavior-y value: none>)>)
Parameter: position

Default value:

(#<rule selector: ".absolute" declarations: (#<declaration property: position value: absolute>)> #<rule selector: ".fixed" declarations: (#<declaration property: position value: fixed>)> #<rule selector: ".relative" declarations: (#<declaration property: position value: relative>)> #<rule selector: ".sticky" declarations: (#<declaration property: position value: sticky>)> #<rule selector: ".static" declarations: (#<declaration property: position value: static>)>)
Parameter: visibility

Default value:

(#<rule selector: ".visible" declarations: (#<declaration property: visibility value: visible>)> #<rule selector: ".invisible" declarations: (#<declaration property: visibility value: invisible>)> #<rule selector: ".collapse" declarations: (#<declaration property: visibility value: collapse>)>)
Parameter: z-index

Default value:

(#<rule selector: ".z-1" declarations: (#<declaration property: z-index value: 1>)> #<rule selector: ".z-2" declarations: (#<declaration property: z-index value: 2>)> #<rule selector: ".z-3" declarations: (#<declaration property: z-index value: 3>)> #<rule selector: ".z-4" declarations: (#<declaration property: z-index value: 4>)> #<rule selector: ".z-5" declarations: (#<declaration property: z-index value: 5>)> #<rule selector: ".z-6" declarations: (#<declaration property: z-index value: 6>)> #<rule selector: ".z-7" declarations: (#<declaration property: z-index value: 7>)> #<rule selector: ".z-8" declarations: (#<declaration property: z-index value: 8>)> #<rule selector: ".z-9" declarations: (#<declaration property: z-index value: 9>)> #<rule selector: ".z-10" declarations: (#<declaration property: z-index value: 10>)> #<rule selector: ".z-12" declarations: (#<declaration property: z-index value: 12>)> #<rule selector: ".z-14" declarations: (#<declaration property: z-index value: 14>)> #<rule selector: ".z-16" declarations: (#<declaration property: z-index value: 16>)> #<rule selector: ".z-20" declarations: (#<declaration property: z-index value: 20>)> #<rule selector: ".z-24" declarations: (#<declaration property: z-index value: 24>)> #<rule selector: ".z-28" declarations: (#<declaration property: z-index value: 28>)> #<rule selector: ".z-32" declarations: (#<declaration property: z-index value: 32>)> #<rule selector: ".z-48" declarations: (#<declaration property: z-index value: 48>)> #<rule selector: ".z-64" declarations: (#<declaration property: z-index value: 64>)> #<rule selector: ".z-72" declarations: (#<declaration property: z-index value: 72>)> #<rule selector: ".z-90" declarations: (#<declaration property: z-index value: 90>)> #<rule selector: ".z-96" declarations: (#<declaration property: z-index value: 96>)> #<rule selector: ".z-100" declarations: (#<declaration property: z-index value: 100>)> #<rule selector: ".z-128" declarations: (#<declaration property: z-index value: 128>)> #<rule selector: ".z-196" declarations: (#<declaration property: z-index value: 196>)> #<rule selector: ".z-256" declarations: (#<declaration property: z-index value: 256>)> #<rule selector: ".z-512" declarations: (#<declaration property: z-index value: 512>)>)

Next: (hygguile hss decl reset), Previous: (hygguile hss decl flexbox), Up: API