1.15.1 Parameters

Parameter: blur ¶

Default value:

(#<rule selector: ".blur-2xs" declarations: (#<declaration property: filter value: "blur(1.00rem)">)> #<rule selector: ".blur-xs" declarations: (#<declaration property: filter value: "blur(2.00rem)">)> #<rule selector: ".blur-sm" declarations: (#<declaration property: filter value: "blur(3.00rem)">)> #<rule selector: ".blur-md" declarations: (#<declaration property: filter value: "blur(4.00rem)">)> #<rule selector: ".blur-lg" declarations: (#<declaration property: filter value: "blur(5.00rem)">)> #<rule selector: ".blur-xl" declarations: (#<declaration property: filter value: "blur(6.00rem)">)> #<rule selector: ".blur-2xl" declarations: (#<declaration property: filter value: "blur(7.00rem)">)> #<rule selector: ".blur-3xl" declarations: (#<declaration property: filter value: "blur(8.00rem)">)> #<rule selector: ".blur-4xl" declarations: (#<declaration property: filter value: "blur(9.00rem)">)> #<rule selector: ".blur-5xl" declarations: (#<declaration property: filter value: "blur(10.00rem)">)>)

Parameter: brightness ¶

Default value:

(#<rule selector: ".brightness-1" declarations: (#<declaration property: filter value: "brightness(1.00%)">)> #<rule selector: ".brightness-2" declarations: (#<declaration property: filter value: "brightness(2.00%)">)> #<rule selector: ".brightness-3" declarations: (#<declaration property: filter value: "brightness(3.00%)">)> #<rule selector: ".brightness-4" declarations: (#<declaration property: filter value: "brightness(4.00%)">)> #<rule selector: ".brightness-5" declarations: (#<declaration property: filter value: "brightness(5.00%)">)> #<rule selector: ".brightness-6" declarations: (#<declaration property: filter value: "brightness(6.00%)">)> #<rule selector: ".brightness-7" declarations: (#<declaration property: filter value: "brightness(7.00%)">)> #<rule selector: ".brightness-8" declarations: (#<declaration property: filter value: "brightness(8.00%)">)> #<rule selector: ".brightness-9" declarations: (#<declaration property: filter value: "brightness(9.00%)">)> #<rule selector: ".brightness-10" declarations: (#<declaration property: filter value: "brightness(10.00%)">)> #<rule selector: ".brightness-12" declarations: (#<declaration property: filter value: "brightness(12.00%)">)> #<rule selector: ".brightness-14" declarations: (#<declaration property: filter value: "brightness(14.00%)">)> #<rule selector: ".brightness-16" declarations: (#<declaration property: filter value: "brightness(16.00%)">)> #<rule selector: ".brightness-20" declarations: (#<declaration property: filter value: "brightness(20.00%)">)> #<rule selector: ".brightness-24" declarations: (#<declaration property: filter value: "brightness(24.00%)">)> #<rule selector: ".brightness-28" declarations: (#<declaration property: filter value: "brightness(28.00%)">)> #<rule selector: ".brightness-32" declarations: (#<declaration property: filter value: "brightness(32.00%)">)> #<rule selector: ".brightness-48" declarations: (#<declaration property: filter value: "brightness(48.00%)">)> #<rule selector: ".brightness-64" declarations: (#<declaration property: filter value: "brightness(64.00%)">)> #<rule selector: ".brightness-72" declarations: (#<declaration property: filter value: "brightness(72.00%)">)> #<rule selector: ".brightness-90" declarations: (#<declaration property: filter value: "brightness(90.00%)">)> #<rule selector: ".brightness-96" declarations: (#<declaration property: filter value: "brightness(96.00%)">)> #<rule selector: ".brightness-100" declarations: (#<declaration property: filter value: "brightness(100.00%)">)> #<rule selector: ".brightness-128" declarations: (#<declaration property: filter value: "brightness(128.00%)">)> #<rule selector: ".brightness-196" declarations: (#<declaration property: filter value: "brightness(196.00%)">)> #<rule selector: ".brightness-256" declarations: (#<declaration property: filter value: "brightness(256.00%)">)> #<rule selector: ".brightness-512" declarations: (#<declaration property: filter value: "brightness(512.00%)">)>)

Parameter: contrast ¶

Default value:

(#<rule selector: ".contrast-1" declarations: (#<declaration property: filter value: "contrast(1.00%)">)> #<rule selector: ".contrast-2" declarations: (#<declaration property: filter value: "contrast(2.00%)">)> #<rule selector: ".contrast-3" declarations: (#<declaration property: filter value: "contrast(3.00%)">)> #<rule selector: ".contrast-4" declarations: (#<declaration property: filter value: "contrast(4.00%)">)> #<rule selector: ".contrast-5" declarations: (#<declaration property: filter value: "contrast(5.00%)">)> #<rule selector: ".contrast-6" declarations: (#<declaration property: filter value: "contrast(6.00%)">)> #<rule selector: ".contrast-7" declarations: (#<declaration property: filter value: "contrast(7.00%)">)> #<rule selector: ".contrast-8" declarations: (#<declaration property: filter value: "contrast(8.00%)">)> #<rule selector: ".contrast-9" declarations: (#<declaration property: filter value: "contrast(9.00%)">)> #<rule selector: ".contrast-10" declarations: (#<declaration property: filter value: "contrast(10.00%)">)> #<rule selector: ".contrast-12" declarations: (#<declaration property: filter value: "contrast(12.00%)">)> #<rule selector: ".contrast-14" declarations: (#<declaration property: filter value: "contrast(14.00%)">)> #<rule selector: ".contrast-16" declarations: (#<declaration property: filter value: "contrast(16.00%)">)> #<rule selector: ".contrast-20" declarations: (#<declaration property: filter value: "contrast(20.00%)">)> #<rule selector: ".contrast-24" declarations: (#<declaration property: filter value: "contrast(24.00%)">)> #<rule selector: ".contrast-28" declarations: (#<declaration property: filter value: "contrast(28.00%)">)> #<rule selector: ".contrast-32" declarations: (#<declaration property: filter value: "contrast(32.00%)">)> #<rule selector: ".contrast-48" declarations: (#<declaration property: filter value: "contrast(48.00%)">)> #<rule selector: ".contrast-64" declarations: (#<declaration property: filter value: "contrast(64.00%)">)> #<rule selector: ".contrast-72" declarations: (#<declaration property: filter value: "contrast(72.00%)">)> #<rule selector: ".contrast-90" declarations: (#<declaration property: filter value: "contrast(90.00%)">)> #<rule selector: ".contrast-96" declarations: (#<declaration property: filter value: "contrast(96.00%)">)> #<rule selector: ".contrast-100" declarations: (#<declaration property: filter value: "contrast(100.00%)">)> #<rule selector: ".contrast-128" declarations: (#<declaration property: filter value: "contrast(128.00%)">)> #<rule selector: ".contrast-196" declarations: (#<declaration property: filter value: "contrast(196.00%)">)> #<rule selector: ".contrast-256" declarations: (#<declaration property: filter value: "contrast(256.00%)">)> #<rule selector: ".contrast-512" declarations: (#<declaration property: filter value: "contrast(512.00%)">)>)

Parameter: filter-classes ¶

Default value:

((#<rule selector: ".blur-2xs" declarations: (#<declaration property: filter value: "blur(1.00rem)">)> #<rule selector: ".blur-xs" declarations: (#<declaration property: filter value: "blur(2.00rem)">)> #<rule selector: ".blur-sm" declarations: (#<declaration property: filter value: "blur(3.00rem)">)> #<rule selector: ".blur-md" declarations: (#<declaration property: filter value: "blur(4.00rem)">)> #<rule selector: ".blur-lg" declarations: (#<declaration property: filter value: "blur(5.00rem)">)> #<rule selector: ".blur-xl" declarations: (#<declaration property: filter value: "blur(6.00rem)">)> #<rule selector: ".blur-2xl" declarations: (#<declaration property: filter value: "blur(7.00rem)">)> #<rule selector: ".blur-3xl" declarations: (#<declaration property: filter value: "blur(8.00rem)">)> #<rule selector: ".blur-4xl" declarations: (#<declaration property: filter value: "blur(9.00rem)">)> #<rule selector: ".blur-5xl" declarations: (#<declaration property: filter value: "blur(10.00rem)">)>) (#<rule selector: ".backdrop-blur-2xs" declarations: (#<declaration property: backdrop-filter value: "blur(1.00rem)">)> #<rule selector: ".backdrop-blur-xs" declarations: (#<declaration property: backdrop-filter value: "blur(2.00rem)">)> #<rule selector: ".backdrop-blur-sm" declarations: (#<declaration property: backdrop-filter value: "blur(3.00rem)">)> #<rule selector: ".backdrop-blur-md" declarations: (#<declaration property: backdrop-filter value: "blur(4.00rem)">)> #<rule selector: ".backdrop-blur-lg" declarations: (#<declaration property: backdrop-filter value: "blur(5.00rem)">)> #<rule selector: ".backdrop-blur-xl" declarations: (#<declaration property: backdrop-filter value: "blur(6.00rem)">)> #<rule selector: ".backdrop-blur-2xl" declarations: (#<declaration property: backdrop-filter value: "blur(7.00rem)">)> #<rule selector: ".backdrop-blur-3xl" declarations: (#<declaration property: backdrop-filter value: "blur(8.00rem)">)> #<rule selector: ".backdrop-blur-4xl" declarations: (#<declaration property: backdrop-filter value: "blur(9.00rem)">)> #<rule selector: ".backdrop-blur-5xl" declarations: (#<declaration property: backdrop-filter value: "blur(10.00rem)">)>) (#<rule selector: ".brightness-1" declarations: (#<declaration property: filter value: "brightness(1.00%)">)> #<rule selector: ".brightness-2" declarations: (#<declaration property: filter value: "brightness(2.00%)">)> #<rule selector: ".brightness-3" declarations: (#<declaration property: filter value: "brightness(3.00%)">)> #<rule selector: ".brightness-4" declarations: (#<declaration property: filter value: "brightness(4.00%)">)> #<rule selector: ".brightness-5" declarations: (#<declaration property: filter value: "brightness(5.00%)">)> #<rule selector: ".brightness-6" declarations: (#<declaration property: filter value: "brightness(6.00%)">)> #<rule selector: ".brightness-7" declarations: (#<declaration property: filter value: "brightness(7.00%)">)> #<rule selector: ".brightness-8" declarations: (#<declaration property: filter value: "brightness(8.00%)">)> #<rule selector: ".brightness-9" declarations: (#<declaration property: filter value: "brightness(9.00%)">)> #<rule selector: ".brightness-10" declarations: (#<declaration property: filter value: "brightness(10.00%)">)> #<rule selector: ".brightness-12" declarations: (#<declaration property: filter value: "brightness(12.00%)">)> #<rule selector: ".brightness-14" declarations: (#<declaration property: filter value: "brightness(14.00%)">)> #<rule selector: ".brightness-16" declarations: (#<declaration property: filter value: "brightness(16.00%)">)> #<rule selector: ".brightness-20" declarations: (#<declaration property: filter value: "brightness(20.00%)">)> #<rule selector: ".brightness-24" declarations: (#<declaration property: filter value: "brightness(24.00%)">)> #<rule selector: ".brightness-28" declarations: (#<declaration property: filter value: "brightness(28.00%)">)> #<rule selector: ".brightness-32" declarations: (#<declaration property: filter value: "brightness(32.00%)">)> #<rule selector: ".brightness-48" declarations: (#<declaration property: filter value: "brightness(48.00%)">)> #<rule selector: ".brightness-64" declarations: (#<declaration property: filter value: "brightness(64.00%)">)> #<rule selector: ".brightness-72" declarations: (#<declaration property: filter value: "brightness(72.00%)">)> #<rule selector: ".brightness-90" declarations: (#<declaration property: filter value: "brightness(90.00%)">)> #<rule selector: ".brightness-96" declarations: (#<declaration property: filter value: "brightness(96.00%)">)> #<rule selector: ".brightness-100" declarations: (#<declaration property: filter value: "brightness(100.00%)">)> #<rule selector: ".brightness-128" declarations: (#<declaration property: filter value: "brightness(128.00%)">)> #<rule selector: ".brightness-196" declarations: (#<declaration property: filter value: "brightness(196.00%)">)> #<rule selector: ".brightness-256" declarations: (#<declaration property: filter value: "brightness(256.00%)">)> #<rule selector: ".brightness-512" declarations: (#<declaration property: filter value: "brightness(512.00%)">)>) (#<rule selector: ".backdrop-brightness-1" declarations: (#<declaration property: backdrop-filter value: "brightness(1.00%)">)> #<rule selector: ".backdrop-brightness-2" declarations: (#<declaration property: backdrop-filter value: "brightness(2.00%)">)> #<rule selector: ".backdrop-brightness-3" declarations: (#<declaration property: backdrop-filter value: "brightness(3.00%)">)> #<rule selector: ".backdrop-brightness-4" declarations: (#<declaration property: backdrop-filter value: "brightness(4.00%)">)> #<rule selector: ".backdrop-brightness-5" declarations: (#<declaration property: backdrop-filter value: "brightness(5.00%)">)> #<rule selector: ".backdrop-brightness-6" declarations: (#<declaration property: backdrop-filter value: "brightness(6.00%)">)> #<rule selector: ".backdrop-brightness-7" declarations: (#<declaration property: backdrop-filter value: "brightness(7.00%)">)> #<rule selector: ".backdrop-brightness-8" declarations: (#<declaration property: backdrop-filter value: "brightness(8.00%)">)> #<rule selector: ".backdrop-brightness-9" declarations: (#<declaration property: backdrop-filter value: "brightness(9.00%)">)> #<rule selector: ".backdrop-brightness-10" declarations: (#<declaration property: backdrop-filter value: "brightness(10.00%)">)> #<rule selector: ".backdrop-brightness-12" declarations: (#<declaration property: backdrop-filter value: "brightness(12.00%)">)> #<rule selector: ".backdrop-brightness-14" declarations: (#<declaration property: backdrop-filter value: "brightness(14.00%)">)> #<rule selector: ".backdrop-brightness-16" declarations: (#<declaration property: backdrop-filter value: "brightness(16.00%)">)> #<rule selector: ".backdrop-brightness-20" declarations: (#<declaration property: backdrop-filter value: "brightness(20.00%)">)> #<rule selector: ".backdrop-brightness-24" declarations: (#<declaration property: backdrop-filter value: "brightness(24.00%)">)> #<rule selector: ".backdrop-brightness-28" declarations: (#<declaration property: backdrop-filter value: "brightness(28.00%)">)> #<rule selector: ".backdrop-brightness-32" declarations: (#<declaration property: backdrop-filter value: "brightness(32.00%)">)> #<rule selector: ".backdrop-brightness-48" declarations: (#<declaration property: backdrop-filter value: "brightness(48.00%)">)> #<rule selector: ".backdrop-brightness-64" declarations: (#<declaration property: backdrop-filter value: "brightness(64.00%)">)> #<rule selector: ".backdrop-brightness-72" declarations: (#<declaration property: backdrop-filter value: "brightness(72.00%)">)> #<rule selector: ".backdrop-brightness-90" declarations: (#<declaration property: backdrop-filter value: "brightness(90.00%)">)> #<rule selector: ".backdrop-brightness-96" declarations: (#<declaration property: backdrop-filter value: "brightness(96.00%)">)> #<rule selector: ".backdrop-brightness-100" declarations: (#<declaration property: backdrop-filter value: "brightness(100.00%)">)> #<rule selector: ".backdrop-brightness-128" declarations: (#<declaration property: backdrop-filter value: "brightness(128.00%)">)> #<rule selector: ".backdrop-brightness-196" declarations: (#<declaration property: backdrop-filter value: "brightness(196.00%)">)> #<rule selector: ".backdrop-brightness-256" declarations: (#<declaration property: backdrop-filter value: "brightness(256.00%)">)> #<rule selector: ".backdrop-brightness-512" declarations: (#<declaration property: backdrop-filter value: "brightness(512.00%)">)>) (#<rule selector: ".contrast-1" declarations: (#<declaration property: filter value: "contrast(1.00%)">)> #<rule selector: ".contrast-2" declarations: (#<declaration property: filter value: "contrast(2.00%)">)> #<rule selector: ".contrast-3" declarations: (#<declaration property: filter value: "contrast(3.00%)">)> #<rule selector: ".contrast-4" declarations: (#<declaration property: filter value: "contrast(4.00%)">)> #<rule selector: ".contrast-5" declarations: (#<declaration property: filter value: "contrast(5.00%)">)> #<rule selector: ".contrast-6" declarations: (#<declaration property: filter value: "contrast(6.00%)">)> #<rule selector: ".contrast-7" declarations: (#<declaration property: filter value: "contrast(7.00%)">)> #<rule selector: ".contrast-8" declarations: (#<declaration property: filter value: "contrast(8.00%)">)> #<rule selector: ".contrast-9" declarations: (#<declaration property: filter value: "contrast(9.00%)">)> #<rule selector: ".contrast-10" declarations: (#<declaration property: filter value: "contrast(10.00%)">)> #<rule selector: ".contrast-12" declarations: (#<declaration property: filter value: "contrast(12.00%)">)> #<rule selector: ".contrast-14" declarations: (#<declaration property: filter value: "contrast(14.00%)">)> #<rule selector: ".contrast-16" declarations: (#<declaration property: filter value: "contrast(16.00%)">)> #<rule selector: ".contrast-20" declarations: (#<declaration property: filter value: "contrast(20.00%)">)> #<rule selector: ".contrast-24" declarations: (#<declaration property: filter value: "contrast(24.00%)">)> #<rule selector: ".contrast-28" declarations: (#<declaration property: filter value: "contrast(28.00%)">)> #<rule selector: ".contrast-32" declarations: (#<declaration property: filter value: "contrast(32.00%)">)> #<rule selector: ".contrast-48" declarations: (#<declaration property: filter value: "contrast(48.00%)">)> #<rule selector: ".contrast-64" declarations: (#<declaration property: filter value: "contrast(64.00%)">)> #<rule selector: ".contrast-72" declarations: (#<declaration property: filter value: "contrast(72.00%)">)> #<rule selector: ".contrast-90" declarations: (#<declaration property: filter value: "contrast(90.00%)">)> #<rule selector: ".contrast-96" declarations: (#<declaration property: filter value: "contrast(96.00%)">)> #<rule selector: ".contrast-100" declarations: (#<declaration property: filter value: "contrast(100.00%)">)> #<rule selector: ".contrast-128" declarations: (#<declaration property: filter value: "contrast(128.00%)">)> #<rule selector: ".contrast-196" declarations: (#<declaration property: filter value: "contrast(196.00%)">)> #<rule selector: ".contrast-256" declarations: (#<declaration property: filter value: "contrast(256.00%)">)> #<rule selector: ".contrast-512" declarations: (#<declaration property: filter value: "contrast(512.00%)">)>) (#<rule selector: ".backdrop-contrast-1" declarations: (#<declaration property: backdrop-filter value: "contrast(1.00%)">)> #<rule selector: ".backdrop-contrast-2" declarations: (#<declaration property: backdrop-filter value: "contrast(2.00%)">)> #<rule selector: ".backdrop-contrast-3" declarations: (#<declaration property: backdrop-filter value: "contrast(3.00%)">)> #<rule selector: ".backdrop-contrast-4" declarations: (#<declaration property: backdrop-filter value: "contrast(4.00%)">)> #<rule selector: ".backdrop-contrast-5" declarations: (#<declaration property: backdrop-filter value: "contrast(5.00%)">)> #<rule selector: ".backdrop-contrast-6" declarations: (#<declaration property: backdrop-filter value: "contrast(6.00%)">)> #<rule selector: ".backdrop-contrast-7" declarations: (#<declaration property: backdrop-filter value: "contrast(7.00%)">)> #<rule selector: ".backdrop-contrast-8" declarations: (#<declaration property: backdrop-filter value: "contrast(8.00%)">)> #<rule selector: ".backdrop-contrast-9" declarations: (#<declaration property: backdrop-filter value: "contrast(9.00%)">)> #<rule selector: ".backdrop-contrast-10" declarations: (#<declaration property: backdrop-filter value: "contrast(10.00%)">)> #<rule selector: ".backdrop-contrast-12" declarations: (#<declaration property: backdrop-filter value: "contrast(12.00%)">)> #<rule selector: ".backdrop-contrast-14" declarations: (#<declaration property: backdrop-filter value: "contrast(14.00%)">)> #<rule selector: ".backdrop-contrast-16" declarations: (#<declaration property: backdrop-filter value: "contrast(16.00%)">)> #<rule selector: ".backdrop-contrast-20" declarations: (#<declaration property: backdrop-filter value: "contrast(20.00%)">)> #<rule selector: ".backdrop-contrast-24" declarations: (#<declaration property: backdrop-filter value: "contrast(24.00%)">)> #<rule selector: ".backdrop-contrast-28" declarations: (#<declaration property: backdrop-filter value: "contrast(28.00%)">)> #<rule selector: ".backdrop-contrast-32" declarations: (#<declaration property: backdrop-filter value: "contrast(32.00%)">)> #<rule selector: ".backdrop-contrast-48" declarations: (#<declaration property: backdrop-filter value: "contrast(48.00%)">)> #<rule selector: ".backdrop-contrast-64" declarations: (#<declaration property: backdrop-filter value: "contrast(64.00%)">)> #<rule selector: ".backdrop-contrast-72" declarations: (#<declaration property: backdrop-filter value: "contrast(72.00%)">)> #<rule selector: ".backdrop-contrast-90" declarations: (#<declaration property: backdrop-filter value: "contrast(90.00%)">)> #<rule selector: ".backdrop-contrast-96" declarations: (#<declaration property: backdrop-filter value: "contrast(96.00%)">)> #<rule selector: ".backdrop-contrast-100" declarations: (#<declaration property: backdrop-filter value: "contrast(100.00%)">)> #<rule selector: ".backdrop-contrast-128" declarations: (#<declaration property: backdrop-filter value: "contrast(128.00%)">)> #<rule selector: ".backdrop-contrast-196" declarations: (#<declaration property: backdrop-filter value: "contrast(196.00%)">)> #<rule selector: ".backdrop-contrast-256" declarations: (#<declaration property: backdrop-filter value: "contrast(256.00%)">)> #<rule selector: ".backdrop-contrast-512" declarations: (#<declaration property: backdrop-filter value: "contrast(512.00%)">)>) ((#<rule selector: ".grayscale-1" declarations: (#<declaration property: filter value: "grayscale(1.00%)">)> #<rule selector: ".grayscale-2" declarations: (#<declaration property: filter value: "grayscale(2.00%)">)> #<rule selector: ".grayscale-3" declarations: (#<declaration property: filter value: "grayscale(3.00%)">)> #<rule selector: ".grayscale-4" declarations: (#<declaration property: filter value: "grayscale(4.00%)">)> #<rule selector: ".grayscale-5" declarations: (#<declaration property: filter value: "grayscale(5.00%)">)> #<rule selector: ".grayscale-6" declarations: (#<declaration property: filter value: "grayscale(6.00%)">)> #<rule selector: ".grayscale-7" declarations: (#<declaration property: filter value: "grayscale(7.00%)">)> #<rule selector: ".grayscale-8" declarations: (#<declaration property: filter value: "grayscale(8.00%)">)> #<rule selector: ".grayscale-9" declarations: (#<declaration property: filter value: "grayscale(9.00%)">)> #<rule selector: ".grayscale-10" declarations: (#<declaration property: filter value: "grayscale(10.00%)">)> #<rule selector: ".grayscale-12" declarations: (#<declaration property: filter value: "grayscale(12.00%)">)> #<rule selector: ".grayscale-14" declarations: (#<declaration property: filter value: "grayscale(14.00%)">)> #<rule selector: ".grayscale-16" declarations: (#<declaration property: filter value: "grayscale(16.00%)">)> #<rule selector: ".grayscale-20" declarations: (#<declaration property: filter value: "grayscale(20.00%)">)> #<rule selector: ".grayscale-24" declarations: (#<declaration property: filter value: "grayscale(24.00%)">)> #<rule selector: ".grayscale-28" declarations: (#<declaration property: filter value: "grayscale(28.00%)">)> #<rule selector: ".grayscale-32" declarations: (#<declaration property: filter value: "grayscale(32.00%)">)> #<rule selector: ".grayscale-48" declarations: (#<declaration property: filter value: "grayscale(48.00%)">)> #<rule selector: ".grayscale-64" declarations: (#<declaration property: filter value: "grayscale(64.00%)">)> #<rule selector: ".grayscale-72" declarations: (#<declaration property: filter value: "grayscale(72.00%)">)> #<rule selector: ".grayscale-90" declarations: (#<declaration property: filter value: "grayscale(90.00%)">)> #<rule selector: ".grayscale-96" declarations: (#<declaration property: filter value: "grayscale(96.00%)">)> #<rule selector: ".grayscale-100" declarations: (#<declaration property: filter value: "grayscale(100.00%)">)> #<rule selector: ".grayscale-128" declarations: (#<declaration property: filter value: "grayscale(128.00%)">)> #<rule selector: ".grayscale-196" declarations: (#<declaration property: filter value: "grayscale(196.00%)">)> #<rule selector: ".grayscale-256" declarations: (#<declaration property: filter value: "grayscale(256.00%)">)> #<rule selector: ".grayscale-512" declarations: (#<declaration property: filter value: "grayscale(512.00%)">)>) #<rule selector: ".grayscale" declarations: (#<declaration property: filter value: "grayscale(100%)">)>) ((#<rule selector: ".backdrop-grayscale-1" declarations: (#<declaration property: backdrop-filter value: "grayscale(1.00%)">)> #<rule selector: ".backdrop-grayscale-2" declarations: (#<declaration property: backdrop-filter value: "grayscale(2.00%)">)> #<rule selector: ".backdrop-grayscale-3" declarations: (#<declaration property: backdrop-filter value: "grayscale(3.00%)">)> #<rule selector: ".backdrop-grayscale-4" declarations: (#<declaration property: backdrop-filter value: "grayscale(4.00%)">)> #<rule selector: ".backdrop-grayscale-5" declarations: (#<declaration property: backdrop-filter value: "grayscale(5.00%)">)> #<rule selector: ".backdrop-grayscale-6" declarations: (#<declaration property: backdrop-filter value: "grayscale(6.00%)">)> #<rule selector: ".backdrop-grayscale-7" declarations: (#<declaration property: backdrop-filter value: "grayscale(7.00%)">)> #<rule selector: ".backdrop-grayscale-8" declarations: (#<declaration property: backdrop-filter value: "grayscale(8.00%)">)> #<rule selector: ".backdrop-grayscale-9" declarations: (#<declaration property: backdrop-filter value: "grayscale(9.00%)">)> #<rule selector: ".backdrop-grayscale-10" declarations: (#<declaration property: backdrop-filter value: "grayscale(10.00%)">)> #<rule selector: ".backdrop-grayscale-12" declarations: (#<declaration property: backdrop-filter value: "grayscale(12.00%)">)> #<rule selector: ".backdrop-grayscale-14" declarations: (#<declaration property: backdrop-filter value: "grayscale(14.00%)">)> #<rule selector: ".backdrop-grayscale-16" declarations: (#<declaration property: backdrop-filter value: "grayscale(16.00%)">)> #<rule selector: ".backdrop-grayscale-20" declarations: (#<declaration property: backdrop-filter value: "grayscale(20.00%)">)> #<rule selector: ".backdrop-grayscale-24" declarations: (#<declaration property: backdrop-filter value: "grayscale(24.00%)">)> #<rule selector: ".backdrop-grayscale-28" declarations: (#<declaration property: backdrop-filter value: "grayscale(28.00%)">)> #<rule selector: ".backdrop-grayscale-32" declarations: (#<declaration property: backdrop-filter value: "grayscale(32.00%)">)> #<rule selector: ".backdrop-grayscale-48" declarations: (#<declaration property: backdrop-filter value: "grayscale(48.00%)">)> #<rule selector: ".backdrop-grayscale-64" declarations: (#<declaration property: backdrop-filter value: "grayscale(64.00%)">)> #<rule selector: ".backdrop-grayscale-72" declarations: (#<declaration property: backdrop-filter value: "grayscale(72.00%)">)> #<rule selector: ".backdrop-grayscale-90" declarations: (#<declaration property: backdrop-filter value: "grayscale(90.00%)">)> #<rule selector: ".backdrop-grayscale-96" declarations: (#<declaration property: backdrop-filter value: "grayscale(96.00%)">)> #<rule selector: ".backdrop-grayscale-100" declarations: (#<declaration property: backdrop-filter value: "grayscale(100.00%)">)> #<rule selector: ".backdrop-grayscale-128" declarations: (#<declaration property: backdrop-filter value: "grayscale(128.00%)">)> #<rule selector: ".backdrop-grayscale-196" declarations: (#<declaration property: backdrop-filter value: "grayscale(196.00%)">)> #<rule selector: ".backdrop-grayscale-256" declarations: (#<declaration property: backdrop-filter value: "grayscale(256.00%)">)> #<rule selector: ".backdrop-grayscale-512" declarations: (#<declaration property: backdrop-filter value: "grayscale(512.00%)">)>) #<rule selector: ".backdrop-grayscale" declarations: (#<declaration property: backdrop-filter value: "grayscale(100%)">)>) ((#<rule selector: ".sepia-1" declarations: (#<declaration property: filter value: "sepia(1.00%)">)> #<rule selector: ".sepia-2" declarations: (#<declaration property: filter value: "sepia(2.00%)">)> #<rule selector: ".sepia-3" declarations: (#<declaration property: filter value: "sepia(3.00%)">)> #<rule selector: ".sepia-4" declarations: (#<declaration property: filter value: "sepia(4.00%)">)> #<rule selector: ".sepia-5" declarations: (#<declaration property: filter value: "sepia(5.00%)">)> #<rule selector: ".sepia-6" declarations: (#<declaration property: filter value: "sepia(6.00%)">)> #<rule selector: ".sepia-7" declarations: (#<declaration property: filter value: "sepia(7.00%)">)> #<rule selector: ".sepia-8" declarations: (#<declaration property: filter value: "sepia(8.00%)">)> #<rule selector: ".sepia-9" declarations: (#<declaration property: filter value: "sepia(9.00%)">)> #<rule selector: ".sepia-10" declarations: (#<declaration property: filter value: "sepia(10.00%)">)> #<rule selector: ".sepia-12" declarations: (#<declaration property: filter value: "sepia(12.00%)">)> #<rule selector: ".sepia-14" declarations: (#<declaration property: filter value: "sepia(14.00%)">)> #<rule selector: ".sepia-16" declarations: (#<declaration property: filter value: "sepia(16.00%)">)> #<rule selector: ".sepia-20" declarations: (#<declaration property: filter value: "sepia(20.00%)">)> #<rule selector: ".sepia-24" declarations: (#<declaration property: filter value: "sepia(24.00%)">)> #<rule selector: ".sepia-28" declarations: (#<declaration property: filter value: "sepia(28.00%)">)> #<rule selector: ".sepia-32" declarations: (#<declaration property: filter value: "sepia(32.00%)">)> #<rule selector: ".sepia-48" declarations: (#<declaration property: filter value: "sepia(48.00%)">)> #<rule selector: ".sepia-64" declarations: (#<declaration property: filter value: "sepia(64.00%)">)> #<rule selector: ".sepia-72" declarations: (#<declaration property: filter value: "sepia(72.00%)">)> #<rule selector: ".sepia-90" declarations: (#<declaration property: filter value: "sepia(90.00%)">)> #<rule selector: ".sepia-96" declarations: (#<declaration property: filter value: "sepia(96.00%)">)> #<rule selector: ".sepia-100" declarations: (#<declaration property: filter value: "sepia(100.00%)">)> #<rule selector: ".sepia-128" declarations: (#<declaration property: filter value: "sepia(128.00%)">)> #<rule selector: ".sepia-196" declarations: (#<declaration property: filter value: "sepia(196.00%)">)> #<rule selector: ".sepia-256" declarations: (#<declaration property: filter value: "sepia(256.00%)">)> #<rule selector: ".sepia-512" declarations: (#<declaration property: filter value: "sepia(512.00%)">)>) #<rule selector: ".sepia" declarations: (#<declaration property: filter value: "sepia(100%)">)>) ((#<rule selector: ".backdrop-sepia-1" declarations: (#<declaration property: backdrop-filter value: "sepia(1.00%)">)> #<rule selector: ".backdrop-sepia-2" declarations: (#<declaration property: backdrop-filter value: "sepia(2.00%)">)> #<rule selector: ".backdrop-sepia-3" declarations: (#<declaration property: backdrop-filter value: "sepia(3.00%)">)> #<rule selector: ".backdrop-sepia-4" declarations: (#<declaration property: backdrop-filter value: "sepia(4.00%)">)> #<rule selector: ".backdrop-sepia-5" declarations: (#<declaration property: backdrop-filter value: "sepia(5.00%)">)> #<rule selector: ".backdrop-sepia-6" declarations: (#<declaration property: backdrop-filter value: "sepia(6.00%)">)> #<rule selector: ".backdrop-sepia-7" declarations: (#<declaration property: backdrop-filter value: "sepia(7.00%)">)> #<rule selector: ".backdrop-sepia-8" declarations: (#<declaration property: backdrop-filter value: "sepia(8.00%)">)> #<rule selector: ".backdrop-sepia-9" declarations: (#<declaration property: backdrop-filter value: "sepia(9.00%)">)> #<rule selector: ".backdrop-sepia-10" declarations: (#<declaration property: backdrop-filter value: "sepia(10.00%)">)> #<rule selector: ".backdrop-sepia-12" declarations: (#<declaration property: backdrop-filter value: "sepia(12.00%)">)> #<rule selector: ".backdrop-sepia-14" declarations: (#<declaration property: backdrop-filter value: "sepia(14.00%)">)> #<rule selector: ".backdrop-sepia-16" declarations: (#<declaration property: backdrop-filter value: "sepia(16.00%)">)> #<rule selector: ".backdrop-sepia-20" declarations: (#<declaration property: backdrop-filter value: "sepia(20.00%)">)> #<rule selector: ".backdrop-sepia-24" declarations: (#<declaration property: backdrop-filter value: "sepia(24.00%)">)> #<rule selector: ".backdrop-sepia-28" declarations: (#<declaration property: backdrop-filter value: "sepia(28.00%)">)> #<rule selector: ".backdrop-sepia-32" declarations: (#<declaration property: backdrop-filter value: "sepia(32.00%)">)> #<rule selector: ".backdrop-sepia-48" declarations: (#<declaration property: backdrop-filter value: "sepia(48.00%)">)> #<rule selector: ".backdrop-sepia-64" declarations: (#<declaration property: backdrop-filter value: "sepia(64.00%)">)> #<rule selector: ".backdrop-sepia-72" declarations: (#<declaration property: backdrop-filter value: "sepia(72.00%)">)> #<rule selector: ".backdrop-sepia-90" declarations: (#<declaration property: backdrop-filter value: "sepia(90.00%)">)> #<rule selector: ".backdrop-sepia-96" declarations: (#<declaration property: backdrop-filter value: "sepia(96.00%)">)> #<rule selector: ".backdrop-sepia-100" declarations: (#<declaration property: backdrop-filter value: "sepia(100.00%)">)> #<rule selector: ".backdrop-sepia-128" declarations: (#<declaration property: backdrop-filter value: "sepia(128.00%)">)> #<rule selector: ".backdrop-sepia-196" declarations: (#<declaration property: backdrop-filter value: "sepia(196.00%)">)> #<rule selector: ".backdrop-sepia-256" declarations: (#<declaration property: backdrop-filter value: "sepia(256.00%)">)> #<rule selector: ".backdrop-sepia-512" declarations: (#<declaration property: backdrop-filter value: "sepia(512.00%)">)>) #<rule selector: ".backdrop-sepia" declarations: (#<declaration property: backdrop-filter value: "sepia(100%)">)>) ((#<rule selector: ".saturate-1" declarations: (#<declaration property: filter value: "saturate(1.00%)">)> #<rule selector: ".saturate-2" declarations: (#<declaration property: filter value: "saturate(2.00%)">)> #<rule selector: ".saturate-3" declarations: (#<declaration property: filter value: "saturate(3.00%)">)> #<rule selector: ".saturate-4" declarations: (#<declaration property: filter value: "saturate(4.00%)">)> #<rule selector: ".saturate-5" declarations: (#<declaration property: filter value: "saturate(5.00%)">)> #<rule selector: ".saturate-6" declarations: (#<declaration property: filter value: "saturate(6.00%)">)> #<rule selector: ".saturate-7" declarations: (#<declaration property: filter value: "saturate(7.00%)">)> #<rule selector: ".saturate-8" declarations: (#<declaration property: filter value: "saturate(8.00%)">)> #<rule selector: ".saturate-9" declarations: (#<declaration property: filter value: "saturate(9.00%)">)> #<rule selector: ".saturate-10" declarations: (#<declaration property: filter value: "saturate(10.00%)">)> #<rule selector: ".saturate-12" declarations: (#<declaration property: filter value: "saturate(12.00%)">)> #<rule selector: ".saturate-14" declarations: (#<declaration property: filter value: "saturate(14.00%)">)> #<rule selector: ".saturate-16" declarations: (#<declaration property: filter value: "saturate(16.00%)">)> #<rule selector: ".saturate-20" declarations: (#<declaration property: filter value: "saturate(20.00%)">)> #<rule selector: ".saturate-24" declarations: (#<declaration property: filter value: "saturate(24.00%)">)> #<rule selector: ".saturate-28" declarations: (#<declaration property: filter value: "saturate(28.00%)">)> #<rule selector: ".saturate-32" declarations: (#<declaration property: filter value: "saturate(32.00%)">)> #<rule selector: ".saturate-48" declarations: (#<declaration property: filter value: "saturate(48.00%)">)> #<rule selector: ".saturate-64" declarations: (#<declaration property: filter value: "saturate(64.00%)">)> #<rule selector: ".saturate-72" declarations: (#<declaration property: filter value: "saturate(72.00%)">)> #<rule selector: ".saturate-90" declarations: (#<declaration property: filter value: "saturate(90.00%)">)> #<rule selector: ".saturate-96" declarations: (#<declaration property: filter value: "saturate(96.00%)">)> #<rule selector: ".saturate-100" declarations: (#<declaration property: filter value: "saturate(100.00%)">)> #<rule selector: ".saturate-128" declarations: (#<declaration property: filter value: "saturate(128.00%)">)> #<rule selector: ".saturate-196" declarations: (#<declaration property: filter value: "saturate(196.00%)">)> #<rule selector: ".saturate-256" declarations: (#<declaration property: filter value: "saturate(256.00%)">)> #<rule selector: ".saturate-512" declarations: (#<declaration property: filter value: "saturate(512.00%)">)>) #<rule selector: ".saturate" declarations: (#<declaration property: filter value: "saturate(100%)">)>) ((#<rule selector: ".backdrop-saturate-1" declarations: (#<declaration property: backdrop-filter value: "saturate(1.00%)">)> #<rule selector: ".backdrop-saturate-2" declarations: (#<declaration property: backdrop-filter value: "saturate(2.00%)">)> #<rule selector: ".backdrop-saturate-3" declarations: (#<declaration property: backdrop-filter value: "saturate(3.00%)">)> #<rule selector: ".backdrop-saturate-4" declarations: (#<declaration property: backdrop-filter value: "saturate(4.00%)">)> #<rule selector: ".backdrop-saturate-5" declarations: (#<declaration property: backdrop-filter value: "saturate(5.00%)">)> #<rule selector: ".backdrop-saturate-6" declarations: (#<declaration property: backdrop-filter value: "saturate(6.00%)">)> #<rule selector: ".backdrop-saturate-7" declarations: (#<declaration property: backdrop-filter value: "saturate(7.00%)">)> #<rule selector: ".backdrop-saturate-8" declarations: (#<declaration property: backdrop-filter value: "saturate(8.00%)">)> #<rule selector: ".backdrop-saturate-9" declarations: (#<declaration property: backdrop-filter value: "saturate(9.00%)">)> #<rule selector: ".backdrop-saturate-10" declarations: (#<declaration property: backdrop-filter value: "saturate(10.00%)">)> #<rule selector: ".backdrop-saturate-12" declarations: (#<declaration property: backdrop-filter value: "saturate(12.00%)">)> #<rule selector: ".backdrop-saturate-14" declarations: (#<declaration property: backdrop-filter value: "saturate(14.00%)">)> #<rule selector: ".backdrop-saturate-16" declarations: (#<declaration property: backdrop-filter value: "saturate(16.00%)">)> #<rule selector: ".backdrop-saturate-20" declarations: (#<declaration property: backdrop-filter value: "saturate(20.00%)">)> #<rule selector: ".backdrop-saturate-24" declarations: (#<declaration property: backdrop-filter value: "saturate(24.00%)">)> #<rule selector: ".backdrop-saturate-28" declarations: (#<declaration property: backdrop-filter value: "saturate(28.00%)">)> #<rule selector: ".backdrop-saturate-32" declarations: (#<declaration property: backdrop-filter value: "saturate(32.00%)">)> #<rule selector: ".backdrop-saturate-48" declarations: (#<declaration property: backdrop-filter value: "saturate(48.00%)">)> #<rule selector: ".backdrop-saturate-64" declarations: (#<declaration property: backdrop-filter value: "saturate(64.00%)">)> #<rule selector: ".backdrop-saturate-72" declarations: (#<declaration property: backdrop-filter value: "saturate(72.00%)">)> #<rule selector: ".backdrop-saturate-90" declarations: (#<declaration property: backdrop-filter value: "saturate(90.00%)">)> #<rule selector: ".backdrop-saturate-96" declarations: (#<declaration property: backdrop-filter value: "saturate(96.00%)">)> #<rule selector: ".backdrop-saturate-100" declarations: (#<declaration property: backdrop-filter value: "saturate(100.00%)">)> #<rule selector: ".backdrop-saturate-128" declarations: (#<declaration property: backdrop-filter value: "saturate(128.00%)">)> #<rule selector: ".backdrop-saturate-196" declarations: (#<declaration property: backdrop-filter value: "saturate(196.00%)">)> #<rule selector: ".backdrop-saturate-256" declarations: (#<declaration property: backdrop-filter value: "saturate(256.00%)">)> #<rule selector: ".backdrop-saturate-512" declarations: (#<declaration property: backdrop-filter value: "saturate(512.00%)">)>) #<rule selector: ".backdrop-saturate" declarations: (#<declaration property: backdrop-filter value: "saturate(100%)">)>) ((#<rule selector: ".invert-1" declarations: (#<declaration property: filter value: "invert(1.00%)">)> #<rule selector: ".invert-2" declarations: (#<declaration property: filter value: "invert(2.00%)">)> #<rule selector: ".invert-3" declarations: (#<declaration property: filter value: "invert(3.00%)">)> #<rule selector: ".invert-4" declarations: (#<declaration property: filter value: "invert(4.00%)">)> #<rule selector: ".invert-5" declarations: (#<declaration property: filter value: "invert(5.00%)">)> #<rule selector: ".invert-6" declarations: (#<declaration property: filter value: "invert(6.00%)">)> #<rule selector: ".invert-7" declarations: (#<declaration property: filter value: "invert(7.00%)">)> #<rule selector: ".invert-8" declarations: (#<declaration property: filter value: "invert(8.00%)">)> #<rule selector: ".invert-9" declarations: (#<declaration property: filter value: "invert(9.00%)">)> #<rule selector: ".invert-10" declarations: (#<declaration property: filter value: "invert(10.00%)">)> #<rule selector: ".invert-12" declarations: (#<declaration property: filter value: "invert(12.00%)">)> #<rule selector: ".invert-14" declarations: (#<declaration property: filter value: "invert(14.00%)">)> #<rule selector: ".invert-16" declarations: (#<declaration property: filter value: "invert(16.00%)">)> #<rule selector: ".invert-20" declarations: (#<declaration property: filter value: "invert(20.00%)">)> #<rule selector: ".invert-24" declarations: (#<declaration property: filter value: "invert(24.00%)">)> #<rule selector: ".invert-28" declarations: (#<declaration property: filter value: "invert(28.00%)">)> #<rule selector: ".invert-32" declarations: (#<declaration property: filter value: "invert(32.00%)">)> #<rule selector: ".invert-48" declarations: (#<declaration property: filter value: "invert(48.00%)">)> #<rule selector: ".invert-64" declarations: (#<declaration property: filter value: "invert(64.00%)">)> #<rule selector: ".invert-72" declarations: (#<declaration property: filter value: "invert(72.00%)">)> #<rule selector: ".invert-90" declarations: (#<declaration property: filter value: "invert(90.00%)">)> #<rule selector: ".invert-96" declarations: (#<declaration property: filter value: "invert(96.00%)">)> #<rule selector: ".invert-100" declarations: (#<declaration property: filter value: "invert(100.00%)">)> #<rule selector: ".invert-128" declarations: (#<declaration property: filter value: "invert(128.00%)">)> #<rule selector: ".invert-196" declarations: (#<declaration property: filter value: "invert(196.00%)">)> #<rule selector: ".invert-256" declarations: (#<declaration property: filter value: "invert(256.00%)">)> #<rule selector: ".invert-512" declarations: (#<declaration property: filter value: "invert(512.00%)">)>) #<rule selector: ".invert" declarations: (#<declaration property: filter value: "invert(100%)">)>) ((#<rule selector: ".backdrop-invert-1" declarations: (#<declaration property: backdrop-filter value: "invert(1.00%)">)> #<rule selector: ".backdrop-invert-2" declarations: (#<declaration property: backdrop-filter value: "invert(2.00%)">)> #<rule selector: ".backdrop-invert-3" declarations: (#<declaration property: backdrop-filter value: "invert(3.00%)">)> #<rule selector: ".backdrop-invert-4" declarations: (#<declaration property: backdrop-filter value: "invert(4.00%)">)> #<rule selector: ".backdrop-invert-5" declarations: (#<declaration property: backdrop-filter value: "invert(5.00%)">)> #<rule selector: ".backdrop-invert-6" declarations: (#<declaration property: backdrop-filter value: "invert(6.00%)">)> #<rule selector: ".backdrop-invert-7" declarations: (#<declaration property: backdrop-filter value: "invert(7.00%)">)> #<rule selector: ".backdrop-invert-8" declarations: (#<declaration property: backdrop-filter value: "invert(8.00%)">)> #<rule selector: ".backdrop-invert-9" declarations: (#<declaration property: backdrop-filter value: "invert(9.00%)">)> #<rule selector: ".backdrop-invert-10" declarations: (#<declaration property: backdrop-filter value: "invert(10.00%)">)> #<rule selector: ".backdrop-invert-12" declarations: (#<declaration property: backdrop-filter value: "invert(12.00%)">)> #<rule selector: ".backdrop-invert-14" declarations: (#<declaration property: backdrop-filter value: "invert(14.00%)">)> #<rule selector: ".backdrop-invert-16" declarations: (#<declaration property: backdrop-filter value: "invert(16.00%)">)> #<rule selector: ".backdrop-invert-20" declarations: (#<declaration property: backdrop-filter value: "invert(20.00%)">)> #<rule selector: ".backdrop-invert-24" declarations: (#<declaration property: backdrop-filter value: "invert(24.00%)">)> #<rule selector: ".backdrop-invert-28" declarations: (#<declaration property: backdrop-filter value: "invert(28.00%)">)> #<rule selector: ".backdrop-invert-32" declarations: (#<declaration property: backdrop-filter value: "invert(32.00%)">)> #<rule selector: ".backdrop-invert-48" declarations: (#<declaration property: backdrop-filter value: "invert(48.00%)">)> #<rule selector: ".backdrop-invert-64" declarations: (#<declaration property: backdrop-filter value: "invert(64.00%)">)> #<rule selector: ".backdrop-invert-72" declarations: (#<declaration property: backdrop-filter value: "invert(72.00%)">)> #<rule selector: ".backdrop-invert-90" declarations: (#<declaration property: backdrop-filter value: "invert(90.00%)">)> #<rule selector: ".backdrop-invert-96" declarations: (#<declaration property: backdrop-filter value: "invert(96.00%)">)> #<rule selector: ".backdrop-invert-100" declarations: (#<declaration property: backdrop-filter value: "invert(100.00%)">)> #<rule selector: ".backdrop-invert-128" declarations: (#<declaration property: backdrop-filter value: "invert(128.00%)">)> #<rule selector: ".backdrop-invert-196" declarations: (#<declaration property: backdrop-filter value: "invert(196.00%)">)> #<rule selector: ".backdrop-invert-256" declarations: (#<declaration property: backdrop-filter value: "invert(256.00%)">)> #<rule selector: ".backdrop-invert-512" declarations: (#<declaration property: backdrop-filter value: "invert(512.00%)">)>) #<rule selector: ".backdrop-invert" declarations: (#<declaration property: backdrop-filter value: "invert(100%)">)>))

Parameter: grayscale ¶

Default value:

((#<rule selector: ".grayscale-1" declarations: (#<declaration property: filter value: "grayscale(1.00%)">)> #<rule selector: ".grayscale-2" declarations: (#<declaration property: filter value: "grayscale(2.00%)">)> #<rule selector: ".grayscale-3" declarations: (#<declaration property: filter value: "grayscale(3.00%)">)> #<rule selector: ".grayscale-4" declarations: (#<declaration property: filter value: "grayscale(4.00%)">)> #<rule selector: ".grayscale-5" declarations: (#<declaration property: filter value: "grayscale(5.00%)">)> #<rule selector: ".grayscale-6" declarations: (#<declaration property: filter value: "grayscale(6.00%)">)> #<rule selector: ".grayscale-7" declarations: (#<declaration property: filter value: "grayscale(7.00%)">)> #<rule selector: ".grayscale-8" declarations: (#<declaration property: filter value: "grayscale(8.00%)">)> #<rule selector: ".grayscale-9" declarations: (#<declaration property: filter value: "grayscale(9.00%)">)> #<rule selector: ".grayscale-10" declarations: (#<declaration property: filter value: "grayscale(10.00%)">)> #<rule selector: ".grayscale-12" declarations: (#<declaration property: filter value: "grayscale(12.00%)">)> #<rule selector: ".grayscale-14" declarations: (#<declaration property: filter value: "grayscale(14.00%)">)> #<rule selector: ".grayscale-16" declarations: (#<declaration property: filter value: "grayscale(16.00%)">)> #<rule selector: ".grayscale-20" declarations: (#<declaration property: filter value: "grayscale(20.00%)">)> #<rule selector: ".grayscale-24" declarations: (#<declaration property: filter value: "grayscale(24.00%)">)> #<rule selector: ".grayscale-28" declarations: (#<declaration property: filter value: "grayscale(28.00%)">)> #<rule selector: ".grayscale-32" declarations: (#<declaration property: filter value: "grayscale(32.00%)">)> #<rule selector: ".grayscale-48" declarations: (#<declaration property: filter value: "grayscale(48.00%)">)> #<rule selector: ".grayscale-64" declarations: (#<declaration property: filter value: "grayscale(64.00%)">)> #<rule selector: ".grayscale-72" declarations: (#<declaration property: filter value: "grayscale(72.00%)">)> #<rule selector: ".grayscale-90" declarations: (#<declaration property: filter value: "grayscale(90.00%)">)> #<rule selector: ".grayscale-96" declarations: (#<declaration property: filter value: "grayscale(96.00%)">)> #<rule selector: ".grayscale-100" declarations: (#<declaration property: filter value: "grayscale(100.00%)">)> #<rule selector: ".grayscale-128" declarations: (#<declaration property: filter value: "grayscale(128.00%)">)> #<rule selector: ".grayscale-196" declarations: (#<declaration property: filter value: "grayscale(196.00%)">)> #<rule selector: ".grayscale-256" declarations: (#<declaration property: filter value: "grayscale(256.00%)">)> #<rule selector: ".grayscale-512" declarations: (#<declaration property: filter value: "grayscale(512.00%)">)>) #<rule selector: ".grayscale" declarations: (#<declaration property: filter value: "grayscale(100%)">)>)

Parameter: invert ¶

Default value:

((#<rule selector: ".invert-1" declarations: (#<declaration property: filter value: "invert(1.00%)">)> #<rule selector: ".invert-2" declarations: (#<declaration property: filter value: "invert(2.00%)">)> #<rule selector: ".invert-3" declarations: (#<declaration property: filter value: "invert(3.00%)">)> #<rule selector: ".invert-4" declarations: (#<declaration property: filter value: "invert(4.00%)">)> #<rule selector: ".invert-5" declarations: (#<declaration property: filter value: "invert(5.00%)">)> #<rule selector: ".invert-6" declarations: (#<declaration property: filter value: "invert(6.00%)">)> #<rule selector: ".invert-7" declarations: (#<declaration property: filter value: "invert(7.00%)">)> #<rule selector: ".invert-8" declarations: (#<declaration property: filter value: "invert(8.00%)">)> #<rule selector: ".invert-9" declarations: (#<declaration property: filter value: "invert(9.00%)">)> #<rule selector: ".invert-10" declarations: (#<declaration property: filter value: "invert(10.00%)">)> #<rule selector: ".invert-12" declarations: (#<declaration property: filter value: "invert(12.00%)">)> #<rule selector: ".invert-14" declarations: (#<declaration property: filter value: "invert(14.00%)">)> #<rule selector: ".invert-16" declarations: (#<declaration property: filter value: "invert(16.00%)">)> #<rule selector: ".invert-20" declarations: (#<declaration property: filter value: "invert(20.00%)">)> #<rule selector: ".invert-24" declarations: (#<declaration property: filter value: "invert(24.00%)">)> #<rule selector: ".invert-28" declarations: (#<declaration property: filter value: "invert(28.00%)">)> #<rule selector: ".invert-32" declarations: (#<declaration property: filter value: "invert(32.00%)">)> #<rule selector: ".invert-48" declarations: (#<declaration property: filter value: "invert(48.00%)">)> #<rule selector: ".invert-64" declarations: (#<declaration property: filter value: "invert(64.00%)">)> #<rule selector: ".invert-72" declarations: (#<declaration property: filter value: "invert(72.00%)">)> #<rule selector: ".invert-90" declarations: (#<declaration property: filter value: "invert(90.00%)">)> #<rule selector: ".invert-96" declarations: (#<declaration property: filter value: "invert(96.00%)">)> #<rule selector: ".invert-100" declarations: (#<declaration property: filter value: "invert(100.00%)">)> #<rule selector: ".invert-128" declarations: (#<declaration property: filter value: "invert(128.00%)">)> #<rule selector: ".invert-196" declarations: (#<declaration property: filter value: "invert(196.00%)">)> #<rule selector: ".invert-256" declarations: (#<declaration property: filter value: "invert(256.00%)">)> #<rule selector: ".invert-512" declarations: (#<declaration property: filter value: "invert(512.00%)">)>) #<rule selector: ".invert" declarations: (#<declaration property: filter value: "invert(100%)">)>)

Parameter: saturate ¶

Default value:

((#<rule selector: ".saturate-1" declarations: (#<declaration property: filter value: "saturate(1.00%)">)> #<rule selector: ".saturate-2" declarations: (#<declaration property: filter value: "saturate(2.00%)">)> #<rule selector: ".saturate-3" declarations: (#<declaration property: filter value: "saturate(3.00%)">)> #<rule selector: ".saturate-4" declarations: (#<declaration property: filter value: "saturate(4.00%)">)> #<rule selector: ".saturate-5" declarations: (#<declaration property: filter value: "saturate(5.00%)">)> #<rule selector: ".saturate-6" declarations: (#<declaration property: filter value: "saturate(6.00%)">)> #<rule selector: ".saturate-7" declarations: (#<declaration property: filter value: "saturate(7.00%)">)> #<rule selector: ".saturate-8" declarations: (#<declaration property: filter value: "saturate(8.00%)">)> #<rule selector: ".saturate-9" declarations: (#<declaration property: filter value: "saturate(9.00%)">)> #<rule selector: ".saturate-10" declarations: (#<declaration property: filter value: "saturate(10.00%)">)> #<rule selector: ".saturate-12" declarations: (#<declaration property: filter value: "saturate(12.00%)">)> #<rule selector: ".saturate-14" declarations: (#<declaration property: filter value: "saturate(14.00%)">)> #<rule selector: ".saturate-16" declarations: (#<declaration property: filter value: "saturate(16.00%)">)> #<rule selector: ".saturate-20" declarations: (#<declaration property: filter value: "saturate(20.00%)">)> #<rule selector: ".saturate-24" declarations: (#<declaration property: filter value: "saturate(24.00%)">)> #<rule selector: ".saturate-28" declarations: (#<declaration property: filter value: "saturate(28.00%)">)> #<rule selector: ".saturate-32" declarations: (#<declaration property: filter value: "saturate(32.00%)">)> #<rule selector: ".saturate-48" declarations: (#<declaration property: filter value: "saturate(48.00%)">)> #<rule selector: ".saturate-64" declarations: (#<declaration property: filter value: "saturate(64.00%)">)> #<rule selector: ".saturate-72" declarations: (#<declaration property: filter value: "saturate(72.00%)">)> #<rule selector: ".saturate-90" declarations: (#<declaration property: filter value: "saturate(90.00%)">)> #<rule selector: ".saturate-96" declarations: (#<declaration property: filter value: "saturate(96.00%)">)> #<rule selector: ".saturate-100" declarations: (#<declaration property: filter value: "saturate(100.00%)">)> #<rule selector: ".saturate-128" declarations: (#<declaration property: filter value: "saturate(128.00%)">)> #<rule selector: ".saturate-196" declarations: (#<declaration property: filter value: "saturate(196.00%)">)> #<rule selector: ".saturate-256" declarations: (#<declaration property: filter value: "saturate(256.00%)">)> #<rule selector: ".saturate-512" declarations: (#<declaration property: filter value: "saturate(512.00%)">)>) #<rule selector: ".saturate" declarations: (#<declaration property: filter value: "saturate(100%)">)>)

Parameter: sepia ¶

Default value:

((#<rule selector: ".sepia-1" declarations: (#<declaration property: filter value: "sepia(1.00%)">)> #<rule selector: ".sepia-2" declarations: (#<declaration property: filter value: "sepia(2.00%)">)> #<rule selector: ".sepia-3" declarations: (#<declaration property: filter value: "sepia(3.00%)">)> #<rule selector: ".sepia-4" declarations: (#<declaration property: filter value: "sepia(4.00%)">)> #<rule selector: ".sepia-5" declarations: (#<declaration property: filter value: "sepia(5.00%)">)> #<rule selector: ".sepia-6" declarations: (#<declaration property: filter value: "sepia(6.00%)">)> #<rule selector: ".sepia-7" declarations: (#<declaration property: filter value: "sepia(7.00%)">)> #<rule selector: ".sepia-8" declarations: (#<declaration property: filter value: "sepia(8.00%)">)> #<rule selector: ".sepia-9" declarations: (#<declaration property: filter value: "sepia(9.00%)">)> #<rule selector: ".sepia-10" declarations: (#<declaration property: filter value: "sepia(10.00%)">)> #<rule selector: ".sepia-12" declarations: (#<declaration property: filter value: "sepia(12.00%)">)> #<rule selector: ".sepia-14" declarations: (#<declaration property: filter value: "sepia(14.00%)">)> #<rule selector: ".sepia-16" declarations: (#<declaration property: filter value: "sepia(16.00%)">)> #<rule selector: ".sepia-20" declarations: (#<declaration property: filter value: "sepia(20.00%)">)> #<rule selector: ".sepia-24" declarations: (#<declaration property: filter value: "sepia(24.00%)">)> #<rule selector: ".sepia-28" declarations: (#<declaration property: filter value: "sepia(28.00%)">)> #<rule selector: ".sepia-32" declarations: (#<declaration property: filter value: "sepia(32.00%)">)> #<rule selector: ".sepia-48" declarations: (#<declaration property: filter value: "sepia(48.00%)">)> #<rule selector: ".sepia-64" declarations: (#<declaration property: filter value: "sepia(64.00%)">)> #<rule selector: ".sepia-72" declarations: (#<declaration property: filter value: "sepia(72.00%)">)> #<rule selector: ".sepia-90" declarations: (#<declaration property: filter value: "sepia(90.00%)">)> #<rule selector: ".sepia-96" declarations: (#<declaration property: filter value: "sepia(96.00%)">)> #<rule selector: ".sepia-100" declarations: (#<declaration property: filter value: "sepia(100.00%)">)> #<rule selector: ".sepia-128" declarations: (#<declaration property: filter value: "sepia(128.00%)">)> #<rule selector: ".sepia-196" declarations: (#<declaration property: filter value: "sepia(196.00%)">)> #<rule selector: ".sepia-256" declarations: (#<declaration property: filter value: "sepia(256.00%)">)> #<rule selector: ".sepia-512" declarations: (#<declaration property: filter value: "sepia(512.00%)">)>) #<rule selector: ".sepia" declarations: (#<declaration property: filter value: "sepia(100%)">)>)