Added .active classes for buttons in navmenu
This commit is contained in:
parent
42bf9720c9
commit
3b9c557d8e
|
@ -41,8 +41,13 @@ main {
|
|||
font-size: 1.8em;
|
||||
color: #fb79ff;
|
||||
}
|
||||
#nav-meet.active { background: linear-gradient(#fb79ff3d, transparent, transparent, transparent) }
|
||||
|
||||
#nav-crushes .fa { color: #ff5f5f }
|
||||
#nav-crushes.active { background: linear-gradient(#ff5f5f40, transparent, transparent, transparent) }
|
||||
|
||||
#nav-chat .fa { color: #62c672 }
|
||||
#nav-chat.active { background: linear-gradient(#62c6723b, transparent, transparent, transparent) }
|
||||
|
||||
#app-container {
|
||||
max-width: 60em;
|
||||
|
|
|
@ -13,11 +13,11 @@ body.app {
|
|||
}
|
||||
|
||||
.button:hover {
|
||||
background: #0000000a;
|
||||
background: #0000000a !important;
|
||||
}
|
||||
.button:active,
|
||||
.button:focus {
|
||||
background: #00000024;
|
||||
background: #00000024 !important;
|
||||
}
|
||||
|
||||
.component.button .fa {
|
||||
|
|
Loading…
Reference in New Issue