Gallery Modal
The Gallery Modal component provides a reusable pattern for gallery modal in the interface.
No component examples available.
CSS API
| Variable | Default | Type | Values | Description |
|---|---|---|---|---|
|
--c-gallery--modal--base
|
var(--base) | range | - | Main unit that drives radius and spacing scales. |
|
--c-gallery--modal--space
|
var(--space) | range | - | Base spacing unit. Used for padding and margin inside components. |
|
--c-gallery--modal--color--alpha
|
var(--color--alpha) | rgba | - | Used for overlays. Includes opacity — set both color and alpha together. |
|
--c-gallery--modal--border-radius
|
var(--border-radius) | range | - | Border Radius |
|
--c-gallery--modal--corner-shape
|
var(--corner-shape) | select | square, round, squircle, circular, bevel, scoop | Corner Shape |
|
--c-gallery--modal--shadow-color
|
var(--shadow-color) | rgba | - | Shadow Color |
|
--c-gallery--modal--shadow-amount
|
var(--shadow-amount) | range | - | Multiplier for elevation shadows. 0 = none, 1 = default. |
|
--c-gallery--modal--color--alpha-contrast
|
var(--color--alpha-contrast) | color | - | Used for text and icons on alpha overlays. |