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

Add filter css (part2: prettier)

Browse Source
This commit is contained in:
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 { html {
--toggle: hsl(230deg 17% 85%); --toggle: hsl(230deg 17% 85%);
--bgcolor: none; --bgcolor: none;
--colorPrimary: #000; --colorPrimary: #000;
--filterHeading: #000; --filterHeading: #000;
--selectBg : #fff; --selectBg: #fff;
--selectText : #000; --selectText: #000;
} }
@font-face { @font-face {
font-family: 'barcadebrawl'; font-family: 'barcadebrawl';
src: url('assets/fonts/BarcadeBrawl.ttf'); src: url('assets/fonts/BarcadeBrawl.ttf');
} }
.filter__container { .filter__container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 7vh 0 5vh 0; margin: 7vh 0 5vh 0;
gap: 0 2vw; gap: 0 2vw;
} }
.filter__items { .filter__items {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
font-family: 'barcadebrawl'; font-family: 'barcadebrawl';
font-size: 12px; font-size: 12px;
} }
.filter__items>input { .filter__items > input {
width: 10vw; width: 10vw;
margin-top: 5px; margin-top: 5px;
background-color: var(--selectBg); background-color: var(--selectBg);
color: var(--selectText); color: var(--selectText);
border: 1px solid var(--selectText); border: 1px solid var(--selectText);
} }
.filter__items>div, label { .filter__items > div,
color: var(--filterHeading); label {
color: var(--filterHeading);
} }