Nuxt Content 3 migration #12
@ -56,12 +56,14 @@ li {
|
|||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:hover:not(.home-text) {
|
li:hover:not(.home-text),
|
||||||
|
li:active:not(.home-text) {
|
||||||
--nav-active-color: lightgray;
|
--nav-active-color: lightgray;
|
||||||
background: var(--nav-active-color);
|
background: var(--nav-active-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
html.dark li:hover {
|
html.dark li:hover,
|
||||||
|
html.dark li:active {
|
||||||
--nav-active-color: darkslategray;
|
--nav-active-color: darkslategray;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -86,13 +88,16 @@ li.home-text {
|
|||||||
@media screen and (max-width: 600px) {
|
@media screen and (max-width: 600px) {
|
||||||
.hamburger {
|
.hamburger {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 3rem;
|
width: 4rem;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
li:not(.home-text) {
|
li:not(.home-text) {
|
||||||
width: 0;
|
width: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
padding: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
/* accessibility? screw accessibility
|
/* accessibility? screw accessibility
|
||||||
* i want my pretty animations
|
* i want my pretty animations
|
||||||
*/
|
*/
|
||||||
|
Loading…
Reference in New Issue
Block a user