You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.2 KiB
67 lines
1.2 KiB
.filter {
|
|
&__tags {
|
|
visibility: hidden;
|
|
position: absolute;
|
|
z-index: 100;
|
|
margin: 1em 0 0;
|
|
|
|
.button {
|
|
display: block;
|
|
margin-right: 1em;
|
|
|
|
.icon {
|
|
vertical-align: sub;
|
|
margin: 0 -0.25em 0 0.25em;
|
|
}
|
|
}
|
|
}
|
|
|
|
&:after {
|
|
content: '';
|
|
position: fixed;
|
|
left: 0;
|
|
top:0;
|
|
z-index: 99;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #04040480;
|
|
}
|
|
|
|
.button--close {
|
|
display: none;
|
|
}
|
|
|
|
&__selected {
|
|
.button {
|
|
color: white;
|
|
padding: 0.8em 1.2em;
|
|
background: #878787;
|
|
|
|
.icon {
|
|
fill: white;
|
|
margin: 0 -0.25em 0 0.25em
|
|
}
|
|
}
|
|
}
|
|
|
|
&--open {
|
|
&:after {
|
|
visibility: visible;
|
|
}
|
|
|
|
.filter__tags {
|
|
visibility: visible;
|
|
}
|
|
|
|
.button--close {
|
|
display: inline-flex;
|
|
z-index: 101;
|
|
}
|
|
|
|
.button--open {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
} |