forked from laurens/fediversity_website
Verbeteren navigatie-menu en inherit font ipv arial voor button
This commit is contained in:
parent
55fcbc0c9c
commit
534c5041cc
|
@ -81,6 +81,8 @@ ul.menu li {
|
|||
|
||||
ul.menu li button {
|
||||
font-size: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
|
@ -158,11 +160,10 @@ li:focus-within > button > .arrow {
|
|||
max-width: 200px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 640px) {
|
||||
@media (min-width: 800px) {
|
||||
.header-content {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.menus {
|
||||
position: static;
|
||||
visibility: visible;
|
||||
|
@ -196,11 +197,9 @@ li:focus-within > button > .arrow {
|
|||
background-color: #fff;
|
||||
border-radius: 0 0 0.5rem 0.5rem;
|
||||
}
|
||||
|
||||
ul.menu li:hover .dropdown {
|
||||
height: 135px;
|
||||
}
|
||||
|
||||
ul.menu li:hover > button > .arrow {
|
||||
transform: rotate(-225deg);
|
||||
margin-top: 4px;
|
||||
|
|
Reference in a new issue