172 lines
2.2 KiB
SCSS
172 lines
2.2 KiB
SCSS
.sort-and-view .sortlinks {
|
|
display: flex;
|
|
align-items: center;
|
|
column-gap: 10px;
|
|
margin-bottom: 0;
|
|
|
|
.sortlinks-title {
|
|
color: #2c2c2c;
|
|
min-width: fit-content;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
#box_filter {
|
|
> .innerbox {
|
|
column-gap: 20px;
|
|
row-gap: 10px;
|
|
|
|
@media screen and (max-width: 767px) {
|
|
flex-direction: column !important;
|
|
}
|
|
}
|
|
|
|
#filter_producer {
|
|
max-width: unset;
|
|
flex: 0 1 calc(50% - 10px);
|
|
margin: 0;
|
|
padding: 0;
|
|
order: 2;
|
|
|
|
border-color: #0a1536;
|
|
background-color: #fff;
|
|
min-height: 40px;
|
|
padding: 0.6em 1.4em 0.6em 0.4em;
|
|
|
|
@media (max-width: 979px) {
|
|
flex: 0 1 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: #0a1536;
|
|
|
|
h5 {
|
|
color: #fff;
|
|
}
|
|
&::after {
|
|
filter: invert(1);
|
|
}
|
|
}
|
|
|
|
h5 {
|
|
padding-left: 0;
|
|
line-height: 1;
|
|
}
|
|
|
|
&::after {
|
|
margin-right: 0;
|
|
}
|
|
|
|
ul {
|
|
top: 39px;
|
|
width: 100%;
|
|
max-width: 300px;
|
|
border-color: #0a1536;
|
|
}
|
|
}
|
|
.box-filter {
|
|
max-width: unset;
|
|
flex: 0 1 calc(50% - 10px);
|
|
margin: 0;
|
|
padding: 0;
|
|
order: 1;
|
|
|
|
@media (max-width: 979px) {
|
|
flex: 0 1 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.sort-and-view {
|
|
float: initial;
|
|
|
|
.sortlinks {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
#filter_price {
|
|
max-width: unset;
|
|
flex: 0 1 calc(50% - 10px);
|
|
margin: 0;
|
|
padding: 0;
|
|
order: 4;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
column-gap: 10px;
|
|
|
|
@media (max-width: 979px) {
|
|
flex: 0 1 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
ul {
|
|
width: 100%;
|
|
}
|
|
|
|
h5 {
|
|
margin: 0;
|
|
}
|
|
|
|
#filterprice1,
|
|
#filterprice2 {
|
|
border-color: #0a1536;
|
|
}
|
|
.bottombuttons {
|
|
width: 100%;
|
|
.btn {
|
|
display: block;
|
|
margin: 0 0 0 auto;
|
|
}
|
|
}
|
|
}
|
|
#filter_promotion {
|
|
flex: 0 1 calc(50% - 10px);
|
|
margin: 0;
|
|
padding: 0;
|
|
order: 3;
|
|
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
column-gap: 7px;
|
|
|
|
@media (max-width: 979px) {
|
|
flex: 0 1 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
h5 {
|
|
margin-top: 0;
|
|
}
|
|
|
|
ul {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 20px;
|
|
|
|
li {
|
|
display: inline-block !important;
|
|
&.none {
|
|
display: inline-block !important;
|
|
}
|
|
&.showmore {
|
|
display: none !important;
|
|
}
|
|
|
|
a {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
|
|
img {
|
|
margin: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|