Add filter css (part2: prettier)
parent
133884e717
commit
b2839de8a7
|
@ -1,40 +1,41 @@
|
|||
html {
|
||||
--toggle: hsl(230deg 17% 85%);
|
||||
--bgcolor: none;
|
||||
--colorPrimary: #000;
|
||||
--filterHeading: #000;
|
||||
--selectBg : #fff;
|
||||
--selectText : #000;
|
||||
--toggle: hsl(230deg 17% 85%);
|
||||
--bgcolor: none;
|
||||
--colorPrimary: #000;
|
||||
--filterHeading: #000;
|
||||
--selectBg: #fff;
|
||||
--selectText: #000;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'barcadebrawl';
|
||||
src: url('assets/fonts/BarcadeBrawl.ttf');
|
||||
font-family: 'barcadebrawl';
|
||||
src: url('assets/fonts/BarcadeBrawl.ttf');
|
||||
}
|
||||
|
||||
.filter__container {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 7vh 0 5vh 0;
|
||||
gap: 0 2vw;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 7vh 0 5vh 0;
|
||||
gap: 0 2vw;
|
||||
}
|
||||
|
||||
.filter__items {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-family: 'barcadebrawl';
|
||||
font-size: 12px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-family: 'barcadebrawl';
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.filter__items>input {
|
||||
width: 10vw;
|
||||
margin-top: 5px;
|
||||
background-color: var(--selectBg);
|
||||
color: var(--selectText);
|
||||
border: 1px solid var(--selectText);
|
||||
.filter__items > input {
|
||||
width: 10vw;
|
||||
margin-top: 5px;
|
||||
background-color: var(--selectBg);
|
||||
color: var(--selectText);
|
||||
border: 1px solid var(--selectText);
|
||||
}
|
||||
|
||||
.filter__items>div, label {
|
||||
color: var(--filterHeading);
|
||||
}
|
||||
.filter__items > div,
|
||||
label {
|
||||
color: var(--filterHeading);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue