css changes
This commit is contained in:
parent
b9d5d4e277
commit
1b42b88c31
1 changed files with 14 additions and 12 deletions
|
|
@ -275,10 +275,11 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-icon-img {
|
.nav-icon-img {
|
||||||
width: 32px;
|
width: 38px;
|
||||||
height: 32px;
|
height: 38px;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-button:hover .nav-icon {
|
.nav-button:hover .nav-icon {
|
||||||
|
|
@ -290,16 +291,17 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-button.active .nav-icon {
|
.nav-button.active .nav-icon {
|
||||||
color: rgb(var(--accent-light-rgb));
|
width: 45px;
|
||||||
background: linear-gradient(135deg,
|
height: 45px;
|
||||||
rgba(var(--accent-rgb), 0.25) 0%,
|
background: transparent;
|
||||||
rgba(var(--accent-light-rgb), 0.18) 100%);
|
border: none;
|
||||||
border: 1px solid rgba(var(--accent-rgb), 0.3);
|
box-shadow: none;
|
||||||
font-weight: 700;
|
}
|
||||||
box-shadow:
|
|
||||||
0 0 12px rgba(var(--accent-rgb), 0.3),
|
.nav-button.active .nav-icon-img {
|
||||||
0 2px 6px rgba(var(--accent-rgb), 0.2),
|
width: 43px;
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.12);
|
height: 43px;
|
||||||
|
filter: drop-shadow(0 0 8px rgba(var(--accent-rgb), 0.5));
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-text {
|
.nav-text {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue