Lightbox
These styles define the look and feel of lightboxes.
Common
| Attribute | Type | Default | Description |
|---|---|---|---|
| lightbox.width | percent | 0.94 | Lightbox width |
| lightbox.height | percent | 0.94 | Lightbox height |
| lightbox.verticalpadding | integer | 0 | Vertical padding In pixels |
| lightbox.horizontalpadding | integer | 0 | Horizontal padding In pixels |
Transitions
Showing the lightbox
| Attribute | Type | Default | Description |
|---|---|---|---|
| lightbox.transition.show.duration | float | 0.3 | Transition duration In seconds. Use 0 for no transition. |
Border
info
Inherit from common.theme.border
| Attribute | Type | Default | Description |
|---|---|---|---|
| lightbox.border.color | color | Border color | |
| lightbox.border.size | integer | 0 | Border thickness In pixels |
| lightbox.border.alpha | percent | 0 | Border opacity |
| lightbox.border.radius | integer | 0 | Corner radius In pixels |
Background
info
Inherit from common.theme.background
| Attribute | Type | Default | Description |
|---|---|---|---|
| lightbox.background.color | color | Background color | |
| lightbox.background.alpha | percent | 0 | Background opacity |
Shadow
info
Inherit from common.theme.shadow
| Attribute | Type | Default | Description |
|---|---|---|---|
| lightbox.shadow.color | color | Shadow color | |
| lightbox.shadow.size | integer | 0 | Shadow size In pixels |
| lightbox.shadow.angle | range | 0 | Shadow angle In degrees starting from the right and going clockwise. |
| lightbox.shadow.alpha | percent | 0 | Shadow opacity |
Close button
The lightbox close button
warning
Coming soon