front: css fix for safari
This commit is contained in:
parent
8d5cca6cfa
commit
4c185d42d5
@ -14,8 +14,9 @@ nav {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
nav a {
|
||||||
color: lightgray;
|
color: lightgray;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
transition: .25s ease;
|
transition: .25s ease;
|
||||||
@ -23,31 +24,28 @@ nav {
|
|||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
margin-right: 30px;
|
margin-right: 30px;
|
||||||
padding: 0.25rem 1rem;
|
padding: 0.25rem 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
nav .active {
|
||||||
color: white;
|
color: white;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
background-color: cadetblue;
|
background-color: cadetblue;
|
||||||
opacity: 80%;
|
opacity: 80%;
|
||||||
padding: 0.25rem 1rem;
|
padding: 0.25rem 1rem;
|
||||||
}
|
|
||||||
|
|
||||||
a:hover:not(.active) {
|
|
||||||
color:cadetblue;
|
|
||||||
|
|
||||||
box-shadow: 0 1.5px 0 0 currentcolor;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
[data-darkreader-scheme="dark"] nav {
|
nav a:hover:not(.active) {
|
||||||
a {
|
color: cadetblue;
|
||||||
color: darkslategrey;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
box-shadow: 0 1.5px 0 0 currentcolor;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
[data-darkreader-scheme="dark"] nav a {
|
||||||
|
color: darkslategrey;
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-darkreader-scheme="dark"] nav .active {
|
||||||
color: white;
|
color: white;
|
||||||
box-shadow: 0 1.5px 0 0 currentcolor;
|
box-shadow: 0 1.5px 0 0 currentcolor;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user