feat(main): Add slider block type

views/css/front/customhtml.css

@@ -18,13 +18,13 @@
     margin-bottom: 1rem;
 }
 
-.customhtml-banner-image--gradient {
+/* .customhtml-banner-image--gradient {
     width: 100%;
     height: 100%;
     position: absolute;
     background: transparent linear-gradient(180deg, #27272777 0%, #272727 100%)
         0% 0% no-repeat padding-box;
-}
+} */
 /* Alert */
 .customhtml-alert {
     max-height: 500px;
@@ -48,6 +48,11 @@
     margin-right: 0.5rem;
 }
 
+.customhtml-alert-btn {
+    margin-left: 0.75rem;
+    white-space: nowrap;
+}
+
 .customhtml-usp {
     gap: 0.5rem;
     color: inherit;
@@ -63,6 +68,32 @@
     font-weight: 500;
 }
 
+/* Slider */
+.customhtml-slider-grid-item {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+    margin-bottom: 1rem;
+}
+
+/* Home banners slider (migrated from ws_extrabanner's home-banners section) */
+.displayHomeBannersSlider--container .customhtml-banner-image {
+    min-height: 220px;
+    background-color: #f2f0e9;
+}
+
+.displayHomeBannersSlider--container .customhtml-banner-content * {
+    color: #fff;
+}
+
+.displayHomeBannersSlider--container .customhtml-banner-description,
+.displayHomeBannersSlider--container .customhtml-banner-extra-description {
+    margin-bottom: 0;
+}
+
+.displayHomeBannersSlider--container .customhtml-banner-extra-description {
+    font-weight: 500;
+}
+
 /* FAQ */
 .accordion-icon-minus {
     display: block;