EN FR
← jizy-cooky

Cooky example

GDPR consent banner. Theming via :root, responsive via @container on #cooky.

Default theming

The cooky banner is normally pinned at the bottom of the viewport. Here are the default color swatches it ships with:

green red blue orange gray darkgray

With :root overrides

This section overrides 5 color vars (green, red, gray, darkgray, and its translucent derivation).

green red gray darkgray

Live banner

Trigger the consent banner. The @container query on #cooky and #cookyModal swaps the layout at 768px — resize the viewport to see it.