1.8.1 Parameters

Parameter: appearance ¶

Default value:

(#<rule selector: ".appearance-none" declarations: (#<declaration property: appearance value: none>)> #<rule selector: ".appearance-auto" declarations: (#<declaration property: appearance value: auto>)>)

Parameter: cursor ¶

Default value:

(#<rule selector: ".cursor-auto" declarations: (#<declaration property: cursor value: auto>)> #<rule selector: ".cursor-default" declarations: (#<declaration property: cursor value: default>)> #<rule selector: ".cursor-pointer" declarations: (#<declaration property: cursor value: pointer>)> #<rule selector: ".cursor-wait" declarations: (#<declaration property: cursor value: wait>)> #<rule selector: ".cursor-text" declarations: (#<declaration property: cursor value: text>)> #<rule selector: ".cursor-move" declarations: (#<declaration property: cursor value: move>)> #<rule selector: ".cursor-help" declarations: (#<declaration property: cursor value: help>)> #<rule selector: ".cursor-not-allowed" declarations: (#<declaration property: cursor value: not-allowed>)> #<rule selector: ".cursor-none" declarations: (#<declaration property: cursor value: none>)> #<rule selector: ".cursor-context-menu" declarations: (#<declaration property: cursor value: context-menu>)> #<rule selector: ".cursor-progress" declarations: (#<declaration property: cursor value: progress>)> #<rule selector: ".cursor-cell" declarations: (#<declaration property: cursor value: cell>)> #<rule selector: ".cursor-crosshair" declarations: (#<declaration property: cursor value: crosshair>)> #<rule selector: ".cursor-vertical-text" declarations: (#<declaration property: cursor value: vertical-text>)> #<rule selector: ".cursor-alias" declarations: (#<declaration property: cursor value: alias>)> #<rule selector: ".cursor-copy" declarations: (#<declaration property: cursor value: copy>)> #<rule selector: ".cursor-no-drop" declarations: (#<declaration property: cursor value: no-drop>)> #<rule selector: ".cursor-grab" declarations: (#<declaration property: cursor value: grab>)> #<rule selector: ".cursor-grabbing" declarations: (#<declaration property: cursor value: grabbing>)> #<rule selector: ".cursor-all-scroll" declarations: (#<declaration property: cursor value: all-scroll>)> #<rule selector: ".cursor-col-resize" declarations: (#<declaration property: cursor value: col-resize>)> #<rule selector: ".cursor-row-resize" declarations: (#<declaration property: cursor value: row-resize>)> #<rule selector: ".cursor-n-resize" declarations: (#<declaration property: cursor value: n-resize>)> #<rule selector: ".cursor-e-resize" declarations: (#<declaration property: cursor value: e-resize>)> #<rule selector: ".cursor-s-resize" declarations: (#<declaration property: cursor value: s-resize>)> #<rule selector: ".cursor-w-resize" declarations: (#<declaration property: cursor value: w-resize>)> #<rule selector: ".cursor-ne-resize" declarations: (#<declaration property: cursor value: ne-resize>)> #<rule selector: ".cursor-nw-resize" declarations: (#<declaration property: cursor value: nw-resize>)> #<rule selector: ".cursor-se-resize" declarations: (#<declaration property: cursor value: se-resize>)> #<rule selector: ".cursor-sw-resize" declarations: (#<declaration property: cursor value: sw-resize>)> #<rule selector: ".cursor-ew-resize" declarations: (#<declaration property: cursor value: ew-resize>)> #<rule selector: ".cursor-ns-resize" declarations: (#<declaration property: cursor value: ns-resize>)> #<rule selector: ".cursor-nesw-resize" declarations: (#<declaration property: cursor value: nesw-resize>)> #<rule selector: ".cursor-nwse-resize" declarations: (#<declaration property: cursor value: nwse-resize>)> #<rule selector: ".cursor-zoom-in" declarations: (#<declaration property: cursor value: zoom-in>)> #<rule selector: ".cursor-zoom-out" declarations: (#<declaration property: cursor value: zoom-out>)>)

Parameter: field-sizing ¶

Default value:

(#<rule selector: ".field-sizing-fixed" declarations: (#<declaration property: field-sizing value: fixed>)> #<rule selector: ".field-sizing-content" declarations: (#<declaration property: field-sizing value: content>)>)

Parameter: pointer-events ¶

Default value:

(#<rule selector: ".pointer-events-none" declarations: (#<declaration property: pointer-events value: none>)> #<rule selector: ".pointer-events-auto" declarations: (#<declaration property: pointer-events value: auto>)>)

Parameter: resize ¶

Default value:

(#<rule selector: ".resize" declarations: (#<declaration property: resize value: both>)> #<rule selector: ".resize-none" declarations: (#<declaration property: resize value: none>)> #<rule selector: ".resize-x" declarations: (#<declaration property: resize value: horizontal>)> #<rule selector: ".resize-y" declarations: (#<declaration property: resize value: vertical>)>)

Parameter: scroll-behavior ¶

Default value:

(#<rule selector: ".scroll-auto" declarations: (#<declaration property: scroll-behavior value: auto>)> #<rule selector: ".scroll-smooth" declarations: (#<declaration property: scroll-behavior value: smooth>)>)

Parameter: touch-action ¶

Default value:

(#<rule selector: ".touch-auto" declarations: (#<declaration property: touch-action value: auto>)> #<rule selector: ".touch-none" declarations: (#<declaration property: touch-action value: none>)> #<rule selector: ".touch-pan-x" declarations: (#<declaration property: touch-action value: pan-x>)> #<rule selector: ".touch-pan-y" declarations: (#<declaration property: touch-action value: pan-y>)> #<rule selector: ".touch-pan-left" declarations: (#<declaration property: touch-action value: pan-left>)> #<rule selector: ".touch-pan-right" declarations: (#<declaration property: touch-action value: pan-right>)> #<rule selector: ".touch-pan-up" declarations: (#<declaration property: touch-action value: pan-up>)> #<rule selector: ".touch-pan-down" declarations: (#<declaration property: touch-action value: pan-down>)> #<rule selector: ".touch-pinch-zoom" declarations: (#<declaration property: touch-action value: pinch-zoom>)> #<rule selector: ".touch-manipulation" declarations: (#<declaration property: touch-action value: manipulation>)>)

Parameter: user-select ¶

Default value:

(#<rule selector: ".select-none" declarations: (#<declaration property: user-select value: none>)> #<rule selector: ".select-text" declarations: (#<declaration property: user-select value: text>)> #<rule selector: ".select-all" declarations: (#<declaration property: user-select value: all>)> #<rule selector: ".select-auto" declarations: (#<declaration property: user-select value: auto>)>)

1.8.2 Procedures

Procedure: interactivity-classes palettes ¶

Undocumented procedure.

Procedure: interactivity-colors palettes ¶

Palette-aware accent and caret color utilities.

Procedure: interactivity-core-classes ¶

Structural interactivity utilities (no palette-derived colors).