Jason
/
pokertk
1
0
Fork 0
Code Issues Pull Requests Projects 1 Releases Wiki Activity

Add filter css (part2: prettier)

develop
Jason Zhu 2023-04-19 00:03:43 +10:00
parent 133884e717
commit b2839de8a7
1 changed files with 27 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
src/features/Pokedex/Filters/Filters.css
View File

@ -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);
}