hubl/src/styles/filters.scss

52 lines
969 B
SCSS
Raw Normal View History

2018-12-14 16:16:38 +00:00
%filters {
2018-12-11 12:42:53 +00:00
border-bottom: 1px solid $color-grey1;
display: grid;
grid-gap: 0px 15px;
2018-12-14 16:16:38 +00:00
grid-template-columns: 50% auto;
2018-12-11 12:42:53 +00:00
padding-bottom: 3em;
label {
display: block;
}
input, select {
2018-12-12 23:35:23 +00:00
appearance: none;
2018-12-11 12:42:53 +00:00
border-style: none;
box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
2018-12-14 16:16:38 +00:00
font-size: 85%;
line-height: 1.80;
2018-12-11 12:42:53 +00:00
margin-top: 1em;
width: 95%;
2018-12-12 23:35:23 +00:00
-moz-appearance: none;
-webkit-appearance: none;
2018-12-11 12:42:53 +00:00
}
input[type="submit"] {
display: none;
}
select {
background: white;
2018-12-17 22:21:10 +00:00
background-image: url("/images/chevron-down.png");
background-position: 96% 60%;
background-repeat: no-repeat;
background-size: 14px 9px;
2018-12-12 10:13:03 +00:00
box-sizing: border-box;
2018-12-11 12:42:53 +00:00
display: inline-block;
padding: 0.5em 12.5em 0.5em 1em;
}
sib-form-label-text {
display: flex;
flex-direction: column;
}
}
2018-12-14 16:16:38 +00:00
#offers-list > sib-form > form {
@extend %filters;
}
#profiles-list > sib-form > form {
@extend %filters;
}