Commit 38c3a4ae authored by Tobias Bengfort's avatar Tobias Bengfort
Browse files

rm filter opacity in favor of background color

parent 8e97c0c1
......@@ -291,18 +291,11 @@ a.card:hover {
#filter-all:checked ~ .tiles [data-category="full game"] {
display: inherit !important;
}
#filter-all:not(:checked) ~ #filters [for="filter-all"],
#filter-full-game:not(:checked) ~ #filters [for="filter-full-game"],
#filter-jam:not(:checked) ~ #filters [for="filter-jam"],
#filter-prototype:not(:checked) ~ #filters [for="filter-prototype"] {
opacity: 0.7;
background-color: var(--brand) !important;
}
#filter-all:checked ~ #filters [for="filter-all"],
#filter-full-game:checked ~ #filters [for="filter-full-game"],
#filter-jam:checked ~ #filters [for="filter-jam"],
#filter-prototype:checked ~ #filters [for="filter-prototype"] {
background-color: var(--brand-off) !important;
background-color: var(--brand-off);
color: var(--dark)
}
#filter-all:focus-visible ~ #filters [for="filter-all"],
......
......@@ -9,7 +9,7 @@
<input type="radio" form="filters" name="game-filter" class="visually-hidden" id="filter-prototype">
<form id="filters" aria-label="Filters" class="text-center mt-2">
<label for="filter-all" class="btn bg-brand-off">All</label>
<label for="filter-all" class="btn bg-brand">All</label>
<label for="filter-full-game" class="btn bg-brand">full game</label>
<label for="filter-jam" class="btn bg-brand">jam</label>
<label for="filter-prototype" class="btn bg-brand">prototype</label>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment