Carousel CSS variables
Summary
CSS Variables table
Css variable |
Fallback |
Default |
|---|---|---|
/ |
/ |
|
/ |
/ |
|
#252525 |
||
#e2e2e2 |
||
/ |
/ |
|
#287dfd |
||
#ff8007 |
||
/ |
/ |
|
radial-gradient(#000000, #181818, #282828, #3a3a3a, #4c4c4c, #6b6a6a, #858383) |
||
radial-gradient(#000000, #181818, #282828, #3a3a3a, #4c4c4c, #6b6a6a, #858383) |
||
/ |
/ |
|
linear-gradient(to top, #ff8007, #fd8616, #fd9b3f, #fd9c40, #fcbb7f, #fad6b4) |
||
linear-gradient(to top, #ff8007, #fd8616, #fd9b3f, #fd9c40, #fcbb7f, #fad6b4) |
CSS Variables list
--mbx-carousel-background
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-carousel-background-light and --mbx-carousel-background-dark
--mbx-carousel-background-light
Fallback |
Default |
|---|---|
Carousel background when dark mode is off
--mbx-carousel-background-dark
Fallback |
Default |
|---|---|
Carousel background when dark mode is on
--mbx-carousel-arrow-color
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-carousel-arrow-color-light and --mbx-carousel-arrow-color-dark
--mbx-carousel-arrow-color-light
Fallback |
Default |
|---|---|
#252525 |
Carousel arrow color when dark mode is off
--mbx-carousel-arrow-color-dark
Fallback |
Default |
|---|---|
#e2e2e2 |
Carousel arrow color when dark mode is on
--mbx-carousel-arrow-color-hover
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-carousel-arrow-color-hover-light and --mbx-carousel-arrow-color-hover-dark
--mbx-carousel-arrow-color-hover-light
Fallback |
Default |
|---|---|
#287dfd |
Carousel arrow color when dark mode is off, on hover
--mbx-carousel-arrow-color-hover-dark
Fallback |
Default |
|---|---|
#ff8007 |
Carousel arrow color when dark mode is on, on hover
--mbx-carousel-dot-empty-background
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-carousel-dot-empty-background-light and --mbx-carousel-dot-empty-background-dark
--mbx-carousel-dot-empty-background-light
Fallback |
Default |
|---|---|
radial-gradient(#000000, #181818, #282828, #3a3a3a, #4c4c4c, #6b6a6a, #858383) |
Carousel empty dot background when dark mode is off
--mbx-carousel-dot-empty-background-dark
Fallback |
Default |
|---|---|
radial-gradient(#000000, #181818, #282828, #3a3a3a, #4c4c4c, #6b6a6a, #858383) |
Carousel empty dot background when dark mode is on
--mbx-carousel-dot-full-background
Fallback |
Default |
|---|---|
/ |
/ |
Fallback value for --mbx-carousel-dot-full-background-light and --mbx-carousel-dot-full-background-dark
--mbx-carousel-dot-full-background-light
Fallback |
Default |
|---|---|
linear-gradient(to top, #ff8007, #fd8616, #fd9b3f, #fd9c40, #fcbb7f, #fad6b4) |
Carousel full dot background when dark mode is off
--mbx-carousel-dot-full-background-dark
Fallback |
Default |
|---|---|
linear-gradient(to top, #ff8007, #fd8616, #fd9b3f, #fd9c40, #fcbb7f, #fad6b4) |
Carousel full dot background when dark mode is on