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.
This commit is contained in:
2025-12-18 12:02:00 +01:00
parent 97b88c111c
commit f6df65fbb3
11 changed files with 202 additions and 8 deletions

View File

@ -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";

View File

@ -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;
}
}
}

View File

@ -0,0 +1,3 @@
.swiper-slide {
height: auto;
}