fix(esl-carousel): ability to provide slide size fallback trough `--e…

…sl-slide-fallback-size` variable Relates: #2879 Co-authored-by: alesun <[email protected]>
exadel-inc · Jan 23, 2025 · 78ae62f · 78ae62f
1 parent 7d65335
commit 78ae62f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/modules/esl-carousel/renderers/esl-carousel.default.renderer.less b/src/modules/esl-carousel/renderers/esl-carousel.default.renderer.less
@@ -8,9 +8,9 @@
   }
 
   &.esl-carousel-horizontal [esl-carousel-slide] {
-    width: var(--esl-slide-size);
+    width: var(--esl-slide-size, --esl-slide-fallback-size, 100%);
   }
   &.esl-carousel-vertical [esl-carousel-slide] {
-    height: var(--esl-slide-size);
+    height: var(--esl-slide-size, --esl-slide-fallback-size, 100%);
   }
 }
diff --git a/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less b/src/modules/esl-carousel/renderers/esl-carousel.grid.renderer.less
@@ -18,11 +18,11 @@
 
   /* stylelint-disable-next-line */
   &.esl-carousel-horizontal :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
-    width: var(--esl-slide-size);
+    width: var(--esl-slide-size, --esl-slide-fallback-size, 100%);
   }
 
   /* stylelint-disable-next-line */
   &.esl-carousel-vertical :is([esl-carousel-slide], [esl-carousel-fake-slide]) {
-    height: var(--esl-slide-size);
+    height: var(--esl-slide-size, --esl-slide-fallback-size, 100%);
   }
 }