Make support pill larger and have hover effect
This commit is contained in:
parent
5d50907ed2
commit
3984660e2b
1 changed files with 6 additions and 1 deletions
|
@ -1,4 +1,4 @@
|
||||||
$support-pill-size: 50px;
|
$support-pill-size: 60px;
|
||||||
$support-pill-position: 1.5rem;
|
$support-pill-position: 1.5rem;
|
||||||
|
|
||||||
.tag.support-pill {
|
.tag.support-pill {
|
||||||
|
@ -13,6 +13,11 @@ $support-pill-position: 1.5rem;
|
||||||
height: $support-pill-size;
|
height: $support-pill-size;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
z-index: $dropdown-content-z;
|
z-index: $dropdown-content-z;
|
||||||
|
padding: none;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: $primary-dark;
|
||||||
|
}
|
||||||
|
|
||||||
@include mobile {
|
@include mobile {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in a new issue