Adds standard styling for header, cart, and search

Applies new styling to the header, shopping cart, and search bar components. Creates new scss files for header and swiper layouts. Replaces x.svg. These changes create a more consistent and modern user interface.
2025-12-18 12:02:00 +01:00
parent 97b88c111c
commit f6df65fbb3
11 changed files with 202 additions and 8 deletions
@@ -12,9 +12,10 @@
 //@import "modules/";

 //Layouts: Parts of a page, such as the header, footer, etc.
-//@import "layout/header";
 //@import "layout/footer";
+@import "layout/header";
@import "layout/left-column";
+@import "layout/swiper";

 // Pages
 //@import "pages/category";
@@ -0,0 +1,13 @@
+.header-top__row {
+    flex-wrap: wrap;
+    .header-top__block--search {
+        @include media-breakpoint-down(sm) {
+            order: 1;
+        }
+        .js-search-form {
+            max-width: unset;
+            width: 100%;
+            margin: 0;
+        }
+    }
+}
@@ -0,0 +1,3 @@
+.swiper-slide {
+    height: auto;
+}