fixes adafruit/circuitpython-org#673 - label filter button more clearly

This commit is contained in:
Justin Cooper 2021-04-15 15:35:05 -05:00
parent a6df8f32c2
commit ddf611c4ab
3 changed files with 11 additions and 4 deletions

View file

@ -60,14 +60,15 @@
display: inline-block; display: inline-block;
padding: 12px; padding: 12px;
font-size: 24px; font-size: 24px;
color: #fff;
background-color: $purple; background-color: $purple;
float: left; float: left;
border-radius: 5px; border-radius: 5px;
border: none; border: none;
cursor: pointer; cursor: pointer;
i { &:hover {
color: #fff; background-color: darken($purple, 15%);
} }
} }
} }
@ -152,6 +153,10 @@
border: none; border: none;
border-radius: 5px; border-radius: 5px;
cursor: pointer; cursor: pointer;
&:hover {
background-color: darken($purple, 15%);
}
} }
} }
} }

View file

@ -16,7 +16,8 @@ permalink: /blinka
</label> </label>
</div> </div>
<div class="downloads-filter"> <div class="downloads-filter">
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button> <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"
aria-hidden="true"></i> Filters</button>
</div> </div>
<div class="downloads-filter-tags"> <div class="downloads-filter-tags">
</div> </div>

View file

@ -13,7 +13,8 @@ permalink: /downloads
</label> </label>
</div> </div>
<div class="downloads-filter"> <div class="downloads-filter">
<button class="filter" title="Filter Boards"><i class="fas fa-sliders-h" aria-hidden="true"></i></button> <button class="filter" title="Filter Boards"><i class="fas fa-sliders-h"
aria-hidden="true"></i> Filters</button>
</div> </div>
<div class="downloads-filter-tags"> <div class="downloads-filter-tags">
</div> </div>