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:
@ -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";
|
||||
|
||||
13
falcon/_dev/css/theme/custom/layout/_header.scss
Normal file
13
falcon/_dev/css/theme/custom/layout/_header.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
3
falcon/_dev/css/theme/custom/layout/_swiper.scss
Normal file
3
falcon/_dev/css/theme/custom/layout/_swiper.scss
Normal file
@ -0,0 +1,3 @@
|
||||
.swiper-slide {
|
||||
height: auto;
|
||||
}
|
||||
Reference in New Issue
Block a user