created 3 blocks

2026-07-14 17:02:33 +03:00
parent c02169ba1a
commit fa31fef9cf
14 changed files with 577 additions and 38 deletions
@@ -0,0 +1,77 @@
+.block-carousel {
+    
+}
+.carousel-control {
+    &-next {
+        &-icon {
+            fill: #373737;
+            :hover {
+                fill: #D9D9D9;
+            }            
+        }
+    }
+    &-prev {
+        &-icon {
+            fill: #373737;
+            :hover {
+                fill: #D9D9D9;
+            }            
+        }
+    }
+}
+.carousel-custom {
+    display:flex;
+    flex-direction: row;
+    overflow-x: auto;
+    scroll-behavior: smooth;
+    &::-webkit-scrollbar {
+        display: none;
+    }
+    &_title {
+        width:531px;
+        font: {
+            size: 35px;
+            weight: 600;
+        }
+        text-transform: uppercase;
+        color:var(--main-text-color);
+        margin: 50px 50px;
+    }
+    &-item {
+        flex: 0 0 auto;
+        scroll-snap-align: start; /* Карточка всегда «магнитится» к левому краю */
+        padding: 5px 10px;
+        text-align: center;
+        h5 {
+            color: #7E7E7E;
+            font: {
+                size: 18px;
+            }
+        }
+        p {
+            color: #FFFFFF;
+            font: {
+                size: 1em;
+            }
+        }
+    }
+    &-item + &-item {
+        border-left: 2px solid #FFFFFF; /* Серый цвет из палитры Bootstrap */
+    }
+    &_buttons {
+        position: relative;
+        width: 130px;
+        margin-top: 1em;
+        margin-left: auto;
+        margin-right: 2em;
+        button {
+            width:60px;
+            height: 60px;
+            border:3px solid #373737;
+            border-radius: 4px;
+            :hover {
+                border-color: #D9D9D9;
+            }
+        }
+    }
+}