chevron down in filter => ok
This commit is contained in:
parent
34ff21a8e2
commit
561bc768b1
@ -27,23 +27,13 @@
|
||||
|
||||
select {
|
||||
background: white;
|
||||
background-image: url("/images/chevron-down.png");
|
||||
background-position: 96% 60%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 14px 9px;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
padding: 0.5em 12.5em 0.5em 1em;
|
||||
|
||||
background-image:
|
||||
linear-gradient(45deg, transparent 50%, $color-grey 50%),
|
||||
linear-gradient(135deg, $color-grey 50%, transparent 50%),
|
||||
linear-gradient(to right, white, white);
|
||||
background-position:
|
||||
calc(100% - 20px) calc(1em + 2px),
|
||||
calc(100% - 15px) calc(1em + 2px),
|
||||
calc(100% - 2.5em) 0.5em;
|
||||
background-repeat: no-repeat;
|
||||
background-size:
|
||||
5px 6px,
|
||||
5px 6px,
|
||||
1px 1.5em;
|
||||
}
|
||||
|
||||
sib-form-label-text {
|
||||
|
@ -130,14 +130,22 @@
|
||||
grid-row-end: middle;
|
||||
}
|
||||
> div {
|
||||
background: violet;
|
||||
grid-column-start: start;
|
||||
grid-column-end: end;
|
||||
grid-row-start: middle;
|
||||
margin-bottom: 1em;
|
||||
/*grid-row-start: middle;
|
||||
grid-row-end: end;
|
||||
display: grid;
|
||||
margin-top: 1em;
|
||||
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
|
||||
grid-gap: 1em;
|
||||
grid-gap: 1em;*/
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
&:first-of-type {
|
||||
background: aquamarine;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
BIN
www/images/chevron-down.png
Normal file
BIN
www/images/chevron-down.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 583 B |
Loading…
Reference in New Issue
Block a user