Next: , Previous: , Up: API  


1.2 (olive-css decl borders)

1.2.1 Parameters

Parameter: border-extras-classes

Default value:

((#<rule selector: ".border" declarations: (#<declaration property: border-width value: "1px">)> #<rule selector: ".border-t" declarations: (#<declaration property: border-top-width value: "1px">)> #<rule selector: ".border-r" declarations: (#<declaration property: border-right-width value: "1px">)> #<rule selector: ".border-b" declarations: (#<declaration property: border-bottom-width value: "1px">)> #<rule selector: ".border-l" declarations: (#<declaration property: border-left-width value: "1px">)> #<rule selector: ".border-x" declarations: (#<declaration property: border-inline-width value: "1px">)> #<rule selector: ".border-y" declarations: (#<declaration property: border-block-width value: "1px">)> (#<rule selector: ".border-t-0" declarations: (#<declaration property: border-top-width value: "0.00px">)> #<rule selector: ".border-t-1" declarations: (#<declaration property: border-top-width value: "1.00px">)> #<rule selector: ".border-t-2" declarations: (#<declaration property: border-top-width value: "2.00px">)> #<rule selector: ".border-t-3" declarations: (#<declaration property: border-top-width value: "3.00px">)> #<rule selector: ".border-t-4" declarations: (#<declaration property: border-top-width value: "4.00px">)> #<rule selector: ".border-t-5" declarations: (#<declaration property: border-top-width value: "5.00px">)> #<rule selector: ".border-t-6" declarations: (#<declaration property: border-top-width value: "6.00px">)> #<rule selector: ".border-t-7" declarations: (#<declaration property: border-top-width value: "7.00px">)> #<rule selector: ".border-t-8" declarations: (#<declaration property: border-top-width value: "8.00px">)> #<rule selector: ".border-t-9" declarations: (#<declaration property: border-top-width value: "9.00px">)> #<rule selector: ".border-t-10" declarations: (#<declaration property: border-top-width value: "10.00px">)> #<rule selector: ".border-t-12" declarations: (#<declaration property: border-top-width value: "12.00px">)> #<rule selector: ".border-t-14" declarations: (#<declaration property: border-top-width value: "14.00px">)> #<rule selector: ".border-t-16" declarations: (#<declaration property: border-top-width value: "16.00px">)> #<rule selector: ".border-t-20" declarations: (#<declaration property: border-top-width value: "20.00px">)> #<rule selector: ".border-t-24" declarations: (#<declaration property: border-top-width value: "24.00px">)> #<rule selector: ".border-t-28" declarations: (#<declaration property: border-top-width value: "28.00px">)> #<rule selector: ".border-t-32" declarations: (#<declaration property: border-top-width value: "32.00px">)> #<rule selector: ".border-t-48" declarations: (#<declaration property: border-top-width value: "48.00px">)> #<rule selector: ".border-t-64" declarations: (#<declaration property: border-top-width value: "64.00px">)> #<rule selector: ".border-t-72" declarations: (#<declaration property: border-top-width value: "72.00px">)> #<rule selector: ".border-t-90" declarations: (#<declaration property: border-top-width value: "90.00px">)> #<rule selector: ".border-t-96" declarations: (#<declaration property: border-top-width value: "96.00px">)> #<rule selector: ".border-t-100" declarations: (#<declaration property: border-top-width value: "100.00px">)> #<rule selector: ".border-t-128" declarations: (#<declaration property: border-top-width value: "128.00px">)> #<rule selector: ".border-t-196" declarations: (#<declaration property: border-top-width value: "196.00px">)> #<rule selector: ".border-t-212" declarations: (#<declaration property: border-top-width value: "212.00px">)> #<rule selector: ".border-t-256" declarations: (#<declaration property: border-top-width value: "256.00px">)> #<rule selector: ".border-t-312" declarations: (#<declaration property: border-top-width value: "312.00px">)> #<rule selector: ".border-t-360" declarations: (#<declaration property: border-top-width value: "360.00px">)> #<rule selector: ".border-t-420" declarations: (#<declaration property: border-top-width value: "420.00px">)> #<rule selector: ".border-t-512" declarations: (#<declaration property: border-top-width value: "512.00px">)>) (#<rule selector: ".border-r-0" declarations: (#<declaration property: border-right-width value: "0.00px">)> #<rule selector: ".border-r-1" declarations: (#<declaration property: border-right-width value: "1.00px">)> #<rule selector: ".border-r-2" declarations: (#<declaration property: border-right-width value: "2.00px">)> #<rule selector: ".border-r-3" declarations: (#<declaration property: border-right-width value: "3.00px">)> #<rule selector: ".border-r-4" declarations: (#<declaration property: border-right-width value: "4.00px">)> #<rule selector: ".border-r-5" declarations: (#<declaration property: border-right-width value: "5.00px">)> #<rule selector: ".border-r-6" declarations: (#<declaration property: border-right-width value: "6.00px">)> #<rule selector: ".border-r-7" declarations: (#<declaration property: border-right-width value: "7.00px">)> #<rule selector: ".border-r-8" declarations: (#<declaration property: border-right-width value: "8.00px">)> #<rule selector: ".border-r-9" declarations: (#<declaration property: border-right-width value: "9.00px">)> #<rule selector: ".border-r-10" declarations: (#<declaration property: border-right-width value: "10.00px">)> #<rule selector: ".border-r-12" declarations: (#<declaration property: border-right-width value: "12.00px">)> #<rule selector: ".border-r-14" declarations: (#<declaration property: border-right-width value: "14.00px">)> #<rule selector: ".border-r-16" declarations: (#<declaration property: border-right-width value: "16.00px">)> #<rule selector: ".border-r-20" declarations: (#<declaration property: border-right-width value: "20.00px">)> #<rule selector: ".border-r-24" declarations: (#<declaration property: border-right-width value: "24.00px">)> #<rule selector: ".border-r-28" declarations: (#<declaration property: border-right-width value: "28.00px">)> #<rule selector: ".border-r-32" declarations: (#<declaration property: border-right-width value: "32.00px">)> #<rule selector: ".border-r-48" declarations: (#<declaration property: border-right-width value: "48.00px">)> #<rule selector: ".border-r-64" declarations: (#<declaration property: border-right-width value: "64.00px">)> #<rule selector: ".border-r-72" declarations: (#<declaration property: border-right-width value: "72.00px">)> #<rule selector: ".border-r-90" declarations: (#<declaration property: border-right-width value: "90.00px">)> #<rule selector: ".border-r-96" declarations: (#<declaration property: border-right-width value: "96.00px">)> #<rule selector: ".border-r-100" declarations: (#<declaration property: border-right-width value: "100.00px">)> #<rule selector: ".border-r-128" declarations: (#<declaration property: border-right-width value: "128.00px">)> #<rule selector: ".border-r-196" declarations: (#<declaration property: border-right-width value: "196.00px">)> #<rule selector: ".border-r-212" declarations: (#<declaration property: border-right-width value: "212.00px">)> #<rule selector: ".border-r-256" declarations: (#<declaration property: border-right-width value: "256.00px">)> #<rule selector: ".border-r-312" declarations: (#<declaration property: border-right-width value: "312.00px">)> #<rule selector: ".border-r-360" declarations: (#<declaration property: border-right-width value: "360.00px">)> #<rule selector: ".border-r-420" declarations: (#<declaration property: border-right-width value: "420.00px">)> #<rule selector: ".border-r-512" declarations: (#<declaration property: border-right-width value: "512.00px">)>) (#<rule selector: ".border-b-0" declarations: (#<declaration property: border-bottom-width value: "0.00px">)> #<rule selector: ".border-b-1" declarations: (#<declaration property: border-bottom-width value: "1.00px">)> #<rule selector: ".border-b-2" declarations: (#<declaration property: border-bottom-width value: "2.00px">)> #<rule selector: ".border-b-3" declarations: (#<declaration property: border-bottom-width value: "3.00px">)> #<rule selector: ".border-b-4" declarations: (#<declaration property: border-bottom-width value: "4.00px">)> #<rule selector: ".border-b-5" declarations: (#<declaration property: border-bottom-width value: "5.00px">)> #<rule selector: ".border-b-6" declarations: (#<declaration property: border-bottom-width value: "6.00px">)> #<rule selector: ".border-b-7" declarations: (#<declaration property: border-bottom-width value: "7.00px">)> #<rule selector: ".border-b-8" declarations: (#<declaration property: border-bottom-width value: "8.00px">)> #<rule selector: ".border-b-9" declarations: (#<declaration property: border-bottom-width value: "9.00px">)> #<rule selector: ".border-b-10" declarations: (#<declaration property: border-bottom-width value: "10.00px">)> #<rule selector: ".border-b-12" declarations: (#<declaration property: border-bottom-width value: "12.00px">)> #<rule selector: ".border-b-14" declarations: (#<declaration property: border-bottom-width value: "14.00px">)> #<rule selector: ".border-b-16" declarations: (#<declaration property: border-bottom-width value: "16.00px">)> #<rule selector: ".border-b-20" declarations: (#<declaration property: border-bottom-width value: "20.00px">)> #<rule selector: ".border-b-24" declarations: (#<declaration property: border-bottom-width value: "24.00px">)> #<rule selector: ".border-b-28" declarations: (#<declaration property: border-bottom-width value: "28.00px">)> #<rule selector: ".border-b-32" declarations: (#<declaration property: border-bottom-width value: "32.00px">)> #<rule selector: ".border-b-48" declarations: (#<declaration property: border-bottom-width value: "48.00px">)> #<rule selector: ".border-b-64" declarations: (#<declaration property: border-bottom-width value: "64.00px">)> #<rule selector: ".border-b-72" declarations: (#<declaration property: border-bottom-width value: "72.00px">)> #<rule selector: ".border-b-90" declarations: (#<declaration property: border-bottom-width value: "90.00px">)> #<rule selector: ".border-b-96" declarations: (#<declaration property: border-bottom-width value: "96.00px">)> #<rule selector: ".border-b-100" declarations: (#<declaration property: border-bottom-width value: "100.00px">)> #<rule selector: ".border-b-128" declarations: (#<declaration property: border-bottom-width value: "128.00px">)> #<rule selector: ".border-b-196" declarations: (#<declaration property: border-bottom-width value: "196.00px">)> #<rule selector: ".border-b-212" declarations: (#<declaration property: border-bottom-width value: "212.00px">)> #<rule selector: ".border-b-256" declarations: (#<declaration property: border-bottom-width value: "256.00px">)> #<rule selector: ".border-b-312" declarations: (#<declaration property: border-bottom-width value: "312.00px">)> #<rule selector: ".border-b-360" declarations: (#<declaration property: border-bottom-width value: "360.00px">)> #<rule selector: ".border-b-420" declarations: (#<declaration property: border-bottom-width value: "420.00px">)> #<rule selector: ".border-b-512" declarations: (#<declaration property: border-bottom-width value: "512.00px">)>) (#<rule selector: ".border-l-0" declarations: (#<declaration property: border-left-width value: "0.00px">)> #<rule selector: ".border-l-1" declarations: (#<declaration property: border-left-width value: "1.00px">)> #<rule selector: ".border-l-2" declarations: (#<declaration property: border-left-width value: "2.00px">)> #<rule selector: ".border-l-3" declarations: (#<declaration property: border-left-width value: "3.00px">)> #<rule selector: ".border-l-4" declarations: (#<declaration property: border-left-width value: "4.00px">)> #<rule selector: ".border-l-5" declarations: (#<declaration property: border-left-width value: "5.00px">)> #<rule selector: ".border-l-6" declarations: (#<declaration property: border-left-width value: "6.00px">)> #<rule selector: ".border-l-7" declarations: (#<declaration property: border-left-width value: "7.00px">)> #<rule selector: ".border-l-8" declarations: (#<declaration property: border-left-width value: "8.00px">)> #<rule selector: ".border-l-9" declarations: (#<declaration property: border-left-width value: "9.00px">)> #<rule selector: ".border-l-10" declarations: (#<declaration property: border-left-width value: "10.00px">)> #<rule selector: ".border-l-12" declarations: (#<declaration property: border-left-width value: "12.00px">)> #<rule selector: ".border-l-14" declarations: (#<declaration property: border-left-width value: "14.00px">)> #<rule selector: ".border-l-16" declarations: (#<declaration property: border-left-width value: "16.00px">)> #<rule selector: ".border-l-20" declarations: (#<declaration property: border-left-width value: "20.00px">)> #<rule selector: ".border-l-24" declarations: (#<declaration property: border-left-width value: "24.00px">)> #<rule selector: ".border-l-28" declarations: (#<declaration property: border-left-width value: "28.00px">)> #<rule selector: ".border-l-32" declarations: (#<declaration property: border-left-width value: "32.00px">)> #<rule selector: ".border-l-48" declarations: (#<declaration property: border-left-width value: "48.00px">)> #<rule selector: ".border-l-64" declarations: (#<declaration property: border-left-width value: "64.00px">)> #<rule selector: ".border-l-72" declarations: (#<declaration property: border-left-width value: "72.00px">)> #<rule selector: ".border-l-90" declarations: (#<declaration property: border-left-width value: "90.00px">)> #<rule selector: ".border-l-96" declarations: (#<declaration property: border-left-width value: "96.00px">)> #<rule selector: ".border-l-100" declarations: (#<declaration property: border-left-width value: "100.00px">)> #<rule selector: ".border-l-128" declarations: (#<declaration property: border-left-width value: "128.00px">)> #<rule selector: ".border-l-196" declarations: (#<declaration property: border-left-width value: "196.00px">)> #<rule selector: ".border-l-212" declarations: (#<declaration property: border-left-width value: "212.00px">)> #<rule selector: ".border-l-256" declarations: (#<declaration property: border-left-width value: "256.00px">)> #<rule selector: ".border-l-312" declarations: (#<declaration property: border-left-width value: "312.00px">)> #<rule selector: ".border-l-360" declarations: (#<declaration property: border-left-width value: "360.00px">)> #<rule selector: ".border-l-420" declarations: (#<declaration property: border-left-width value: "420.00px">)> #<rule selector: ".border-l-512" declarations: (#<declaration property: border-left-width value: "512.00px">)>) (#<rule selector: ".border-x-0" declarations: (#<declaration property: border-inline-width value: "0.00px">)> #<rule selector: ".border-x-1" declarations: (#<declaration property: border-inline-width value: "1.00px">)> #<rule selector: ".border-x-2" declarations: (#<declaration property: border-inline-width value: "2.00px">)> #<rule selector: ".border-x-3" declarations: (#<declaration property: border-inline-width value: "3.00px">)> #<rule selector: ".border-x-4" declarations: (#<declaration property: border-inline-width value: "4.00px">)> #<rule selector: ".border-x-5" declarations: (#<declaration property: border-inline-width value: "5.00px">)> #<rule selector: ".border-x-6" declarations: (#<declaration property: border-inline-width value: "6.00px">)> #<rule selector: ".border-x-7" declarations: (#<declaration property: border-inline-width value: "7.00px">)> #<rule selector: ".border-x-8" declarations: (#<declaration property: border-inline-width value: "8.00px">)> #<rule selector: ".border-x-9" declarations: (#<declaration property: border-inline-width value: "9.00px">)> #<rule selector: ".border-x-10" declarations: (#<declaration property: border-inline-width value: "10.00px">)> #<rule selector: ".border-x-12" declarations: (#<declaration property: border-inline-width value: "12.00px">)> #<rule selector: ".border-x-14" declarations: (#<declaration property: border-inline-width value: "14.00px">)> #<rule selector: ".border-x-16" declarations: (#<declaration property: border-inline-width value: "16.00px">)> #<rule selector: ".border-x-20" declarations: (#<declaration property: border-inline-width value: "20.00px">)> #<rule selector: ".border-x-24" declarations: (#<declaration property: border-inline-width value: "24.00px">)> #<rule selector: ".border-x-28" declarations: (#<declaration property: border-inline-width value: "28.00px">)> #<rule selector: ".border-x-32" declarations: (#<declaration property: border-inline-width value: "32.00px">)> #<rule selector: ".border-x-48" declarations: (#<declaration property: border-inline-width value: "48.00px">)> #<rule selector: ".border-x-64" declarations: (#<declaration property: border-inline-width value: "64.00px">)> #<rule selector: ".border-x-72" declarations: (#<declaration property: border-inline-width value: "72.00px">)> #<rule selector: ".border-x-90" declarations: (#<declaration property: border-inline-width value: "90.00px">)> #<rule selector: ".border-x-96" declarations: (#<declaration property: border-inline-width value: "96.00px">)> #<rule selector: ".border-x-100" declarations: (#<declaration property: border-inline-width value: "100.00px">)> #<rule selector: ".border-x-128" declarations: (#<declaration property: border-inline-width value: "128.00px">)> #<rule selector: ".border-x-196" declarations: (#<declaration property: border-inline-width value: "196.00px">)> #<rule selector: ".border-x-212" declarations: (#<declaration property: border-inline-width value: "212.00px">)> #<rule selector: ".border-x-256" declarations: (#<declaration property: border-inline-width value: "256.00px">)> #<rule selector: ".border-x-312" declarations: (#<declaration property: border-inline-width value: "312.00px">)> #<rule selector: ".border-x-360" declarations: (#<declaration property: border-inline-width value: "360.00px">)> #<rule selector: ".border-x-420" declarations: (#<declaration property: border-inline-width value: "420.00px">)> #<rule selector: ".border-x-512" declarations: (#<declaration property: border-inline-width value: "512.00px">)>) (#<rule selector: ".border-y-0" declarations: (#<declaration property: border-block-width value: "0.00px">)> #<rule selector: ".border-y-1" declarations: (#<declaration property: border-block-width value: "1.00px">)> #<rule selector: ".border-y-2" declarations: (#<declaration property: border-block-width value: "2.00px">)> #<rule selector: ".border-y-3" declarations: (#<declaration property: border-block-width value: "3.00px">)> #<rule selector: ".border-y-4" declarations: (#<declaration property: border-block-width value: "4.00px">)> #<rule selector: ".border-y-5" declarations: (#<declaration property: border-block-width value: "5.00px">)> #<rule selector: ".border-y-6" declarations: (#<declaration property: border-block-width value: "6.00px">)> #<rule selector: ".border-y-7" declarations: (#<declaration property: border-block-width value: "7.00px">)> #<rule selector: ".border-y-8" declarations: (#<declaration property: border-block-width value: "8.00px">)> #<rule selector: ".border-y-9" declarations: (#<declaration property: border-block-width value: "9.00px">)> #<rule selector: ".border-y-10" declarations: (#<declaration property: border-block-width value: "10.00px">)> #<rule selector: ".border-y-12" declarations: (#<declaration property: border-block-width value: "12.00px">)> #<rule selector: ".border-y-14" declarations: (#<declaration property: border-block-width value: "14.00px">)> #<rule selector: ".border-y-16" declarations: (#<declaration property: border-block-width value: "16.00px">)> #<rule selector: ".border-y-20" declarations: (#<declaration property: border-block-width value: "20.00px">)> #<rule selector: ".border-y-24" declarations: (#<declaration property: border-block-width value: "24.00px">)> #<rule selector: ".border-y-28" declarations: (#<declaration property: border-block-width value: "28.00px">)> #<rule selector: ".border-y-32" declarations: (#<declaration property: border-block-width value: "32.00px">)> #<rule selector: ".border-y-48" declarations: (#<declaration property: border-block-width value: "48.00px">)> #<rule selector: ".border-y-64" declarations: (#<declaration property: border-block-width value: "64.00px">)> #<rule selector: ".border-y-72" declarations: (#<declaration property: border-block-width value: "72.00px">)> #<rule selector: ".border-y-90" declarations: (#<declaration property: border-block-width value: "90.00px">)> #<rule selector: ".border-y-96" declarations: (#<declaration property: border-block-width value: "96.00px">)> #<rule selector: ".border-y-100" declarations: (#<declaration property: border-block-width value: "100.00px">)> #<rule selector: ".border-y-128" declarations: (#<declaration property: border-block-width value: "128.00px">)> #<rule selector: ".border-y-196" declarations: (#<declaration property: border-block-width value: "196.00px">)> #<rule selector: ".border-y-212" declarations: (#<declaration property: border-block-width value: "212.00px">)> #<rule selector: ".border-y-256" declarations: (#<declaration property: border-block-width value: "256.00px">)> #<rule selector: ".border-y-312" declarations: (#<declaration property: border-block-width value: "312.00px">)> #<rule selector: ".border-y-360" declarations: (#<declaration property: border-block-width value: "360.00px">)> #<rule selector: ".border-y-420" declarations: (#<declaration property: border-block-width value: "420.00px">)> #<rule selector: ".border-y-512" declarations: (#<declaration property: border-block-width value: "512.00px">)>)) (#<rule selector: ".border-solid" declarations: (#<declaration property: border-style value: solid>)> #<rule selector: ".border-dashed" declarations: (#<declaration property: border-style value: dashed>)> #<rule selector: ".border-dotted" declarations: (#<declaration property: border-style value: dotted>)> #<rule selector: ".border-double" declarations: (#<declaration property: border-style value: double>)> #<rule selector: ".border-hidden" declarations: (#<declaration property: border-style value: hidden>)> #<rule selector: ".border-none" declarations: (#<declaration property: border-style value: none>)>) (#<rule selector: ".divide-x-0 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "0.00px">)> #<rule selector: ".divide-x-1 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "1.00px">)> #<rule selector: ".divide-x-2 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "2.00px">)> #<rule selector: ".divide-x-3 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "3.00px">)> #<rule selector: ".divide-x-4 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "4.00px">)> #<rule selector: ".divide-x-5 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "5.00px">)> #<rule selector: ".divide-x-6 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "6.00px">)> #<rule selector: ".divide-x-7 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "7.00px">)> #<rule selector: ".divide-x-8 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "8.00px">)> #<rule selector: ".divide-x-9 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "9.00px">)> #<rule selector: ".divide-x-10 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "10.00px">)> #<rule selector: ".divide-x-12 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "12.00px">)> #<rule selector: ".divide-x-14 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "14.00px">)> #<rule selector: ".divide-x-16 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "16.00px">)> #<rule selector: ".divide-x-20 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "20.00px">)> #<rule selector: ".divide-x-24 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "24.00px">)> #<rule selector: ".divide-x-28 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "28.00px">)> #<rule selector: ".divide-x-32 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "32.00px">)> #<rule selector: ".divide-x-48 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "48.00px">)> #<rule selector: ".divide-x-64 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "64.00px">)> #<rule selector: ".divide-x-72 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "72.00px">)> #<rule selector: ".divide-x-90 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "90.00px">)> #<rule selector: ".divide-x-96 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "96.00px">)> #<rule selector: ".divide-x-100 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "100.00px">)> #<rule selector: ".divide-x-128 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "128.00px">)> #<rule selector: ".divide-x-196 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "196.00px">)> #<rule selector: ".divide-x-212 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "212.00px">)> #<rule selector: ".divide-x-256 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "256.00px">)> #<rule selector: ".divide-x-312 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "312.00px">)> #<rule selector: ".divide-x-360 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "360.00px">)> #<rule selector: ".divide-x-420 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "420.00px">)> #<rule selector: ".divide-x-512 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "512.00px">)> #<rule selector: ".divide-y-0 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "0.00px">)> #<rule selector: ".divide-y-1 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "1.00px">)> #<rule selector: ".divide-y-2 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "2.00px">)> #<rule selector: ".divide-y-3 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "3.00px">)> #<rule selector: ".divide-y-4 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "4.00px">)> #<rule selector: ".divide-y-5 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "5.00px">)> #<rule selector: ".divide-y-6 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "6.00px">)> #<rule selector: ".divide-y-7 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "7.00px">)> #<rule selector: ".divide-y-8 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "8.00px">)> #<rule selector: ".divide-y-9 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "9.00px">)> #<rule selector: ".divide-y-10 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "10.00px">)> #<rule selector: ".divide-y-12 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "12.00px">)> #<rule selector: ".divide-y-14 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "14.00px">)> #<rule selector: ".divide-y-16 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "16.00px">)> #<rule selector: ".divide-y-20 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "20.00px">)> #<rule selector: ".divide-y-24 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "24.00px">)> #<rule selector: ".divide-y-28 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "28.00px">)> #<rule selector: ".divide-y-32 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "32.00px">)> #<rule selector: ".divide-y-48 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "48.00px">)> #<rule selector: ".divide-y-64 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "64.00px">)> #<rule selector: ".divide-y-72 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "72.00px">)> #<rule selector: ".divide-y-90 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "90.00px">)> #<rule selector: ".divide-y-96 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "96.00px">)> #<rule selector: ".divide-y-100 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "100.00px">)> #<rule selector: ".divide-y-128 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "128.00px">)> #<rule selector: ".divide-y-196 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "196.00px">)> #<rule selector: ".divide-y-212 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "212.00px">)> #<rule selector: ".divide-y-256 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "256.00px">)> #<rule selector: ".divide-y-312 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "312.00px">)> #<rule selector: ".divide-y-360 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "360.00px">)> #<rule selector: ".divide-y-420 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "420.00px">)> #<rule selector: ".divide-y-512 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "512.00px">)>))
Parameter: border-styles

Default value:

(#<rule selector: ".border-solid" declarations: (#<declaration property: border-style value: solid>)> #<rule selector: ".border-dashed" declarations: (#<declaration property: border-style value: dashed>)> #<rule selector: ".border-dotted" declarations: (#<declaration property: border-style value: dotted>)> #<rule selector: ".border-double" declarations: (#<declaration property: border-style value: double>)> #<rule selector: ".border-hidden" declarations: (#<declaration property: border-style value: hidden>)> #<rule selector: ".border-none" declarations: (#<declaration property: border-style value: none>)>)
Parameter: border-width-sides

Default value:

(#<rule selector: ".border" declarations: (#<declaration property: border-width value: "1px">)> #<rule selector: ".border-t" declarations: (#<declaration property: border-top-width value: "1px">)> #<rule selector: ".border-r" declarations: (#<declaration property: border-right-width value: "1px">)> #<rule selector: ".border-b" declarations: (#<declaration property: border-bottom-width value: "1px">)> #<rule selector: ".border-l" declarations: (#<declaration property: border-left-width value: "1px">)> #<rule selector: ".border-x" declarations: (#<declaration property: border-inline-width value: "1px">)> #<rule selector: ".border-y" declarations: (#<declaration property: border-block-width value: "1px">)> (#<rule selector: ".border-t-0" declarations: (#<declaration property: border-top-width value: "0.00px">)> #<rule selector: ".border-t-1" declarations: (#<declaration property: border-top-width value: "1.00px">)> #<rule selector: ".border-t-2" declarations: (#<declaration property: border-top-width value: "2.00px">)> #<rule selector: ".border-t-3" declarations: (#<declaration property: border-top-width value: "3.00px">)> #<rule selector: ".border-t-4" declarations: (#<declaration property: border-top-width value: "4.00px">)> #<rule selector: ".border-t-5" declarations: (#<declaration property: border-top-width value: "5.00px">)> #<rule selector: ".border-t-6" declarations: (#<declaration property: border-top-width value: "6.00px">)> #<rule selector: ".border-t-7" declarations: (#<declaration property: border-top-width value: "7.00px">)> #<rule selector: ".border-t-8" declarations: (#<declaration property: border-top-width value: "8.00px">)> #<rule selector: ".border-t-9" declarations: (#<declaration property: border-top-width value: "9.00px">)> #<rule selector: ".border-t-10" declarations: (#<declaration property: border-top-width value: "10.00px">)> #<rule selector: ".border-t-12" declarations: (#<declaration property: border-top-width value: "12.00px">)> #<rule selector: ".border-t-14" declarations: (#<declaration property: border-top-width value: "14.00px">)> #<rule selector: ".border-t-16" declarations: (#<declaration property: border-top-width value: "16.00px">)> #<rule selector: ".border-t-20" declarations: (#<declaration property: border-top-width value: "20.00px">)> #<rule selector: ".border-t-24" declarations: (#<declaration property: border-top-width value: "24.00px">)> #<rule selector: ".border-t-28" declarations: (#<declaration property: border-top-width value: "28.00px">)> #<rule selector: ".border-t-32" declarations: (#<declaration property: border-top-width value: "32.00px">)> #<rule selector: ".border-t-48" declarations: (#<declaration property: border-top-width value: "48.00px">)> #<rule selector: ".border-t-64" declarations: (#<declaration property: border-top-width value: "64.00px">)> #<rule selector: ".border-t-72" declarations: (#<declaration property: border-top-width value: "72.00px">)> #<rule selector: ".border-t-90" declarations: (#<declaration property: border-top-width value: "90.00px">)> #<rule selector: ".border-t-96" declarations: (#<declaration property: border-top-width value: "96.00px">)> #<rule selector: ".border-t-100" declarations: (#<declaration property: border-top-width value: "100.00px">)> #<rule selector: ".border-t-128" declarations: (#<declaration property: border-top-width value: "128.00px">)> #<rule selector: ".border-t-196" declarations: (#<declaration property: border-top-width value: "196.00px">)> #<rule selector: ".border-t-212" declarations: (#<declaration property: border-top-width value: "212.00px">)> #<rule selector: ".border-t-256" declarations: (#<declaration property: border-top-width value: "256.00px">)> #<rule selector: ".border-t-312" declarations: (#<declaration property: border-top-width value: "312.00px">)> #<rule selector: ".border-t-360" declarations: (#<declaration property: border-top-width value: "360.00px">)> #<rule selector: ".border-t-420" declarations: (#<declaration property: border-top-width value: "420.00px">)> #<rule selector: ".border-t-512" declarations: (#<declaration property: border-top-width value: "512.00px">)>) (#<rule selector: ".border-r-0" declarations: (#<declaration property: border-right-width value: "0.00px">)> #<rule selector: ".border-r-1" declarations: (#<declaration property: border-right-width value: "1.00px">)> #<rule selector: ".border-r-2" declarations: (#<declaration property: border-right-width value: "2.00px">)> #<rule selector: ".border-r-3" declarations: (#<declaration property: border-right-width value: "3.00px">)> #<rule selector: ".border-r-4" declarations: (#<declaration property: border-right-width value: "4.00px">)> #<rule selector: ".border-r-5" declarations: (#<declaration property: border-right-width value: "5.00px">)> #<rule selector: ".border-r-6" declarations: (#<declaration property: border-right-width value: "6.00px">)> #<rule selector: ".border-r-7" declarations: (#<declaration property: border-right-width value: "7.00px">)> #<rule selector: ".border-r-8" declarations: (#<declaration property: border-right-width value: "8.00px">)> #<rule selector: ".border-r-9" declarations: (#<declaration property: border-right-width value: "9.00px">)> #<rule selector: ".border-r-10" declarations: (#<declaration property: border-right-width value: "10.00px">)> #<rule selector: ".border-r-12" declarations: (#<declaration property: border-right-width value: "12.00px">)> #<rule selector: ".border-r-14" declarations: (#<declaration property: border-right-width value: "14.00px">)> #<rule selector: ".border-r-16" declarations: (#<declaration property: border-right-width value: "16.00px">)> #<rule selector: ".border-r-20" declarations: (#<declaration property: border-right-width value: "20.00px">)> #<rule selector: ".border-r-24" declarations: (#<declaration property: border-right-width value: "24.00px">)> #<rule selector: ".border-r-28" declarations: (#<declaration property: border-right-width value: "28.00px">)> #<rule selector: ".border-r-32" declarations: (#<declaration property: border-right-width value: "32.00px">)> #<rule selector: ".border-r-48" declarations: (#<declaration property: border-right-width value: "48.00px">)> #<rule selector: ".border-r-64" declarations: (#<declaration property: border-right-width value: "64.00px">)> #<rule selector: ".border-r-72" declarations: (#<declaration property: border-right-width value: "72.00px">)> #<rule selector: ".border-r-90" declarations: (#<declaration property: border-right-width value: "90.00px">)> #<rule selector: ".border-r-96" declarations: (#<declaration property: border-right-width value: "96.00px">)> #<rule selector: ".border-r-100" declarations: (#<declaration property: border-right-width value: "100.00px">)> #<rule selector: ".border-r-128" declarations: (#<declaration property: border-right-width value: "128.00px">)> #<rule selector: ".border-r-196" declarations: (#<declaration property: border-right-width value: "196.00px">)> #<rule selector: ".border-r-212" declarations: (#<declaration property: border-right-width value: "212.00px">)> #<rule selector: ".border-r-256" declarations: (#<declaration property: border-right-width value: "256.00px">)> #<rule selector: ".border-r-312" declarations: (#<declaration property: border-right-width value: "312.00px">)> #<rule selector: ".border-r-360" declarations: (#<declaration property: border-right-width value: "360.00px">)> #<rule selector: ".border-r-420" declarations: (#<declaration property: border-right-width value: "420.00px">)> #<rule selector: ".border-r-512" declarations: (#<declaration property: border-right-width value: "512.00px">)>) (#<rule selector: ".border-b-0" declarations: (#<declaration property: border-bottom-width value: "0.00px">)> #<rule selector: ".border-b-1" declarations: (#<declaration property: border-bottom-width value: "1.00px">)> #<rule selector: ".border-b-2" declarations: (#<declaration property: border-bottom-width value: "2.00px">)> #<rule selector: ".border-b-3" declarations: (#<declaration property: border-bottom-width value: "3.00px">)> #<rule selector: ".border-b-4" declarations: (#<declaration property: border-bottom-width value: "4.00px">)> #<rule selector: ".border-b-5" declarations: (#<declaration property: border-bottom-width value: "5.00px">)> #<rule selector: ".border-b-6" declarations: (#<declaration property: border-bottom-width value: "6.00px">)> #<rule selector: ".border-b-7" declarations: (#<declaration property: border-bottom-width value: "7.00px">)> #<rule selector: ".border-b-8" declarations: (#<declaration property: border-bottom-width value: "8.00px">)> #<rule selector: ".border-b-9" declarations: (#<declaration property: border-bottom-width value: "9.00px">)> #<rule selector: ".border-b-10" declarations: (#<declaration property: border-bottom-width value: "10.00px">)> #<rule selector: ".border-b-12" declarations: (#<declaration property: border-bottom-width value: "12.00px">)> #<rule selector: ".border-b-14" declarations: (#<declaration property: border-bottom-width value: "14.00px">)> #<rule selector: ".border-b-16" declarations: (#<declaration property: border-bottom-width value: "16.00px">)> #<rule selector: ".border-b-20" declarations: (#<declaration property: border-bottom-width value: "20.00px">)> #<rule selector: ".border-b-24" declarations: (#<declaration property: border-bottom-width value: "24.00px">)> #<rule selector: ".border-b-28" declarations: (#<declaration property: border-bottom-width value: "28.00px">)> #<rule selector: ".border-b-32" declarations: (#<declaration property: border-bottom-width value: "32.00px">)> #<rule selector: ".border-b-48" declarations: (#<declaration property: border-bottom-width value: "48.00px">)> #<rule selector: ".border-b-64" declarations: (#<declaration property: border-bottom-width value: "64.00px">)> #<rule selector: ".border-b-72" declarations: (#<declaration property: border-bottom-width value: "72.00px">)> #<rule selector: ".border-b-90" declarations: (#<declaration property: border-bottom-width value: "90.00px">)> #<rule selector: ".border-b-96" declarations: (#<declaration property: border-bottom-width value: "96.00px">)> #<rule selector: ".border-b-100" declarations: (#<declaration property: border-bottom-width value: "100.00px">)> #<rule selector: ".border-b-128" declarations: (#<declaration property: border-bottom-width value: "128.00px">)> #<rule selector: ".border-b-196" declarations: (#<declaration property: border-bottom-width value: "196.00px">)> #<rule selector: ".border-b-212" declarations: (#<declaration property: border-bottom-width value: "212.00px">)> #<rule selector: ".border-b-256" declarations: (#<declaration property: border-bottom-width value: "256.00px">)> #<rule selector: ".border-b-312" declarations: (#<declaration property: border-bottom-width value: "312.00px">)> #<rule selector: ".border-b-360" declarations: (#<declaration property: border-bottom-width value: "360.00px">)> #<rule selector: ".border-b-420" declarations: (#<declaration property: border-bottom-width value: "420.00px">)> #<rule selector: ".border-b-512" declarations: (#<declaration property: border-bottom-width value: "512.00px">)>) (#<rule selector: ".border-l-0" declarations: (#<declaration property: border-left-width value: "0.00px">)> #<rule selector: ".border-l-1" declarations: (#<declaration property: border-left-width value: "1.00px">)> #<rule selector: ".border-l-2" declarations: (#<declaration property: border-left-width value: "2.00px">)> #<rule selector: ".border-l-3" declarations: (#<declaration property: border-left-width value: "3.00px">)> #<rule selector: ".border-l-4" declarations: (#<declaration property: border-left-width value: "4.00px">)> #<rule selector: ".border-l-5" declarations: (#<declaration property: border-left-width value: "5.00px">)> #<rule selector: ".border-l-6" declarations: (#<declaration property: border-left-width value: "6.00px">)> #<rule selector: ".border-l-7" declarations: (#<declaration property: border-left-width value: "7.00px">)> #<rule selector: ".border-l-8" declarations: (#<declaration property: border-left-width value: "8.00px">)> #<rule selector: ".border-l-9" declarations: (#<declaration property: border-left-width value: "9.00px">)> #<rule selector: ".border-l-10" declarations: (#<declaration property: border-left-width value: "10.00px">)> #<rule selector: ".border-l-12" declarations: (#<declaration property: border-left-width value: "12.00px">)> #<rule selector: ".border-l-14" declarations: (#<declaration property: border-left-width value: "14.00px">)> #<rule selector: ".border-l-16" declarations: (#<declaration property: border-left-width value: "16.00px">)> #<rule selector: ".border-l-20" declarations: (#<declaration property: border-left-width value: "20.00px">)> #<rule selector: ".border-l-24" declarations: (#<declaration property: border-left-width value: "24.00px">)> #<rule selector: ".border-l-28" declarations: (#<declaration property: border-left-width value: "28.00px">)> #<rule selector: ".border-l-32" declarations: (#<declaration property: border-left-width value: "32.00px">)> #<rule selector: ".border-l-48" declarations: (#<declaration property: border-left-width value: "48.00px">)> #<rule selector: ".border-l-64" declarations: (#<declaration property: border-left-width value: "64.00px">)> #<rule selector: ".border-l-72" declarations: (#<declaration property: border-left-width value: "72.00px">)> #<rule selector: ".border-l-90" declarations: (#<declaration property: border-left-width value: "90.00px">)> #<rule selector: ".border-l-96" declarations: (#<declaration property: border-left-width value: "96.00px">)> #<rule selector: ".border-l-100" declarations: (#<declaration property: border-left-width value: "100.00px">)> #<rule selector: ".border-l-128" declarations: (#<declaration property: border-left-width value: "128.00px">)> #<rule selector: ".border-l-196" declarations: (#<declaration property: border-left-width value: "196.00px">)> #<rule selector: ".border-l-212" declarations: (#<declaration property: border-left-width value: "212.00px">)> #<rule selector: ".border-l-256" declarations: (#<declaration property: border-left-width value: "256.00px">)> #<rule selector: ".border-l-312" declarations: (#<declaration property: border-left-width value: "312.00px">)> #<rule selector: ".border-l-360" declarations: (#<declaration property: border-left-width value: "360.00px">)> #<rule selector: ".border-l-420" declarations: (#<declaration property: border-left-width value: "420.00px">)> #<rule selector: ".border-l-512" declarations: (#<declaration property: border-left-width value: "512.00px">)>) (#<rule selector: ".border-x-0" declarations: (#<declaration property: border-inline-width value: "0.00px">)> #<rule selector: ".border-x-1" declarations: (#<declaration property: border-inline-width value: "1.00px">)> #<rule selector: ".border-x-2" declarations: (#<declaration property: border-inline-width value: "2.00px">)> #<rule selector: ".border-x-3" declarations: (#<declaration property: border-inline-width value: "3.00px">)> #<rule selector: ".border-x-4" declarations: (#<declaration property: border-inline-width value: "4.00px">)> #<rule selector: ".border-x-5" declarations: (#<declaration property: border-inline-width value: "5.00px">)> #<rule selector: ".border-x-6" declarations: (#<declaration property: border-inline-width value: "6.00px">)> #<rule selector: ".border-x-7" declarations: (#<declaration property: border-inline-width value: "7.00px">)> #<rule selector: ".border-x-8" declarations: (#<declaration property: border-inline-width value: "8.00px">)> #<rule selector: ".border-x-9" declarations: (#<declaration property: border-inline-width value: "9.00px">)> #<rule selector: ".border-x-10" declarations: (#<declaration property: border-inline-width value: "10.00px">)> #<rule selector: ".border-x-12" declarations: (#<declaration property: border-inline-width value: "12.00px">)> #<rule selector: ".border-x-14" declarations: (#<declaration property: border-inline-width value: "14.00px">)> #<rule selector: ".border-x-16" declarations: (#<declaration property: border-inline-width value: "16.00px">)> #<rule selector: ".border-x-20" declarations: (#<declaration property: border-inline-width value: "20.00px">)> #<rule selector: ".border-x-24" declarations: (#<declaration property: border-inline-width value: "24.00px">)> #<rule selector: ".border-x-28" declarations: (#<declaration property: border-inline-width value: "28.00px">)> #<rule selector: ".border-x-32" declarations: (#<declaration property: border-inline-width value: "32.00px">)> #<rule selector: ".border-x-48" declarations: (#<declaration property: border-inline-width value: "48.00px">)> #<rule selector: ".border-x-64" declarations: (#<declaration property: border-inline-width value: "64.00px">)> #<rule selector: ".border-x-72" declarations: (#<declaration property: border-inline-width value: "72.00px">)> #<rule selector: ".border-x-90" declarations: (#<declaration property: border-inline-width value: "90.00px">)> #<rule selector: ".border-x-96" declarations: (#<declaration property: border-inline-width value: "96.00px">)> #<rule selector: ".border-x-100" declarations: (#<declaration property: border-inline-width value: "100.00px">)> #<rule selector: ".border-x-128" declarations: (#<declaration property: border-inline-width value: "128.00px">)> #<rule selector: ".border-x-196" declarations: (#<declaration property: border-inline-width value: "196.00px">)> #<rule selector: ".border-x-212" declarations: (#<declaration property: border-inline-width value: "212.00px">)> #<rule selector: ".border-x-256" declarations: (#<declaration property: border-inline-width value: "256.00px">)> #<rule selector: ".border-x-312" declarations: (#<declaration property: border-inline-width value: "312.00px">)> #<rule selector: ".border-x-360" declarations: (#<declaration property: border-inline-width value: "360.00px">)> #<rule selector: ".border-x-420" declarations: (#<declaration property: border-inline-width value: "420.00px">)> #<rule selector: ".border-x-512" declarations: (#<declaration property: border-inline-width value: "512.00px">)>) (#<rule selector: ".border-y-0" declarations: (#<declaration property: border-block-width value: "0.00px">)> #<rule selector: ".border-y-1" declarations: (#<declaration property: border-block-width value: "1.00px">)> #<rule selector: ".border-y-2" declarations: (#<declaration property: border-block-width value: "2.00px">)> #<rule selector: ".border-y-3" declarations: (#<declaration property: border-block-width value: "3.00px">)> #<rule selector: ".border-y-4" declarations: (#<declaration property: border-block-width value: "4.00px">)> #<rule selector: ".border-y-5" declarations: (#<declaration property: border-block-width value: "5.00px">)> #<rule selector: ".border-y-6" declarations: (#<declaration property: border-block-width value: "6.00px">)> #<rule selector: ".border-y-7" declarations: (#<declaration property: border-block-width value: "7.00px">)> #<rule selector: ".border-y-8" declarations: (#<declaration property: border-block-width value: "8.00px">)> #<rule selector: ".border-y-9" declarations: (#<declaration property: border-block-width value: "9.00px">)> #<rule selector: ".border-y-10" declarations: (#<declaration property: border-block-width value: "10.00px">)> #<rule selector: ".border-y-12" declarations: (#<declaration property: border-block-width value: "12.00px">)> #<rule selector: ".border-y-14" declarations: (#<declaration property: border-block-width value: "14.00px">)> #<rule selector: ".border-y-16" declarations: (#<declaration property: border-block-width value: "16.00px">)> #<rule selector: ".border-y-20" declarations: (#<declaration property: border-block-width value: "20.00px">)> #<rule selector: ".border-y-24" declarations: (#<declaration property: border-block-width value: "24.00px">)> #<rule selector: ".border-y-28" declarations: (#<declaration property: border-block-width value: "28.00px">)> #<rule selector: ".border-y-32" declarations: (#<declaration property: border-block-width value: "32.00px">)> #<rule selector: ".border-y-48" declarations: (#<declaration property: border-block-width value: "48.00px">)> #<rule selector: ".border-y-64" declarations: (#<declaration property: border-block-width value: "64.00px">)> #<rule selector: ".border-y-72" declarations: (#<declaration property: border-block-width value: "72.00px">)> #<rule selector: ".border-y-90" declarations: (#<declaration property: border-block-width value: "90.00px">)> #<rule selector: ".border-y-96" declarations: (#<declaration property: border-block-width value: "96.00px">)> #<rule selector: ".border-y-100" declarations: (#<declaration property: border-block-width value: "100.00px">)> #<rule selector: ".border-y-128" declarations: (#<declaration property: border-block-width value: "128.00px">)> #<rule selector: ".border-y-196" declarations: (#<declaration property: border-block-width value: "196.00px">)> #<rule selector: ".border-y-212" declarations: (#<declaration property: border-block-width value: "212.00px">)> #<rule selector: ".border-y-256" declarations: (#<declaration property: border-block-width value: "256.00px">)> #<rule selector: ".border-y-312" declarations: (#<declaration property: border-block-width value: "312.00px">)> #<rule selector: ".border-y-360" declarations: (#<declaration property: border-block-width value: "360.00px">)> #<rule selector: ".border-y-420" declarations: (#<declaration property: border-block-width value: "420.00px">)> #<rule selector: ".border-y-512" declarations: (#<declaration property: border-block-width value: "512.00px">)>))
Parameter: divide-classes

Default value:

(#<rule selector: ".divide-x-0 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "0.00px">)> #<rule selector: ".divide-x-1 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "1.00px">)> #<rule selector: ".divide-x-2 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "2.00px">)> #<rule selector: ".divide-x-3 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "3.00px">)> #<rule selector: ".divide-x-4 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "4.00px">)> #<rule selector: ".divide-x-5 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "5.00px">)> #<rule selector: ".divide-x-6 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "6.00px">)> #<rule selector: ".divide-x-7 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "7.00px">)> #<rule selector: ".divide-x-8 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "8.00px">)> #<rule selector: ".divide-x-9 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "9.00px">)> #<rule selector: ".divide-x-10 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "10.00px">)> #<rule selector: ".divide-x-12 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "12.00px">)> #<rule selector: ".divide-x-14 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "14.00px">)> #<rule selector: ".divide-x-16 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "16.00px">)> #<rule selector: ".divide-x-20 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "20.00px">)> #<rule selector: ".divide-x-24 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "24.00px">)> #<rule selector: ".divide-x-28 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "28.00px">)> #<rule selector: ".divide-x-32 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "32.00px">)> #<rule selector: ".divide-x-48 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "48.00px">)> #<rule selector: ".divide-x-64 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "64.00px">)> #<rule selector: ".divide-x-72 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "72.00px">)> #<rule selector: ".divide-x-90 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "90.00px">)> #<rule selector: ".divide-x-96 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "96.00px">)> #<rule selector: ".divide-x-100 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "100.00px">)> #<rule selector: ".divide-x-128 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "128.00px">)> #<rule selector: ".divide-x-196 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "196.00px">)> #<rule selector: ".divide-x-212 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "212.00px">)> #<rule selector: ".divide-x-256 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "256.00px">)> #<rule selector: ".divide-x-312 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "312.00px">)> #<rule selector: ".divide-x-360 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "360.00px">)> #<rule selector: ".divide-x-420 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "420.00px">)> #<rule selector: ".divide-x-512 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-inline-start-width value: "512.00px">)> #<rule selector: ".divide-y-0 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "0.00px">)> #<rule selector: ".divide-y-1 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "1.00px">)> #<rule selector: ".divide-y-2 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "2.00px">)> #<rule selector: ".divide-y-3 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "3.00px">)> #<rule selector: ".divide-y-4 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "4.00px">)> #<rule selector: ".divide-y-5 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "5.00px">)> #<rule selector: ".divide-y-6 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "6.00px">)> #<rule selector: ".divide-y-7 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "7.00px">)> #<rule selector: ".divide-y-8 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "8.00px">)> #<rule selector: ".divide-y-9 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "9.00px">)> #<rule selector: ".divide-y-10 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "10.00px">)> #<rule selector: ".divide-y-12 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "12.00px">)> #<rule selector: ".divide-y-14 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "14.00px">)> #<rule selector: ".divide-y-16 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "16.00px">)> #<rule selector: ".divide-y-20 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "20.00px">)> #<rule selector: ".divide-y-24 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "24.00px">)> #<rule selector: ".divide-y-28 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "28.00px">)> #<rule selector: ".divide-y-32 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "32.00px">)> #<rule selector: ".divide-y-48 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "48.00px">)> #<rule selector: ".divide-y-64 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "64.00px">)> #<rule selector: ".divide-y-72 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "72.00px">)> #<rule selector: ".divide-y-90 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "90.00px">)> #<rule selector: ".divide-y-96 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "96.00px">)> #<rule selector: ".divide-y-100 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "100.00px">)> #<rule selector: ".divide-y-128 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "128.00px">)> #<rule selector: ".divide-y-196 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "196.00px">)> #<rule selector: ".divide-y-212 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "212.00px">)> #<rule selector: ".divide-y-256 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "256.00px">)> #<rule selector: ".divide-y-312 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "312.00px">)> #<rule selector: ".divide-y-360 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "360.00px">)> #<rule selector: ".divide-y-420 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "420.00px">)> #<rule selector: ".divide-y-512 > :not([hidden])~:not([hidden])" declarations: (#<declaration property: border-block-start-width value: "512.00px">)>)
Parameter: divide-multiplier

Default value:

0.28

Next: (olive-css decl colors), Previous: (olive-css decl animation), Up: API