Difference between revisions of "Team:Marburg/test"
| Line 56: | Line 56: | ||
} | } | ||
| − | .navbar-item { | + | .navbar-item, |
| + | .navbar-link { | ||
color: #4a4a4a; | color: #4a4a4a; | ||
display: block; | display: block; | ||
| Line 67: | Line 68: | ||
.navbar-link { | .navbar-link { | ||
cursor: pointer; | cursor: pointer; | ||
| + | } | ||
| + | |||
| + | .navbar-item.has-dropdown { | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | .navbar-item.has-dropdown { | ||
| + | align-items: stretch; | ||
| + | } | ||
| + | |||
| + | .navbar-item.has-dropdown-up .navbar-link::after { | ||
| + | -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); | ||
| + | transform: rotate(135deg) translate(0.25em, -0.25em); | ||
| + | } | ||
| + | |||
| + | .navbar-item.has-dropdown-up .navbar-dropdown { | ||
| + | border-bottom: 2px solid #dbdbdb; | ||
| + | border-radius: 6px 6px 0 0; | ||
| + | border-top: none; | ||
| + | bottom: 100%; | ||
| + | box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); | ||
| + | top: auto; | ||
} | } | ||
| Line 126: | Line 149: | ||
<div class="navbar-menu"> | <div class="navbar-menu"> | ||
<div class="navbar-end"> | <div class="navbar-end"> | ||
| − | < | + | <div class="navbar-item has-dropdown"> |
| − | Team | + | <a class="navbar-link"> |
| − | + | Team | |
| + | </a> | ||
| + | <div class="navbar-dropdown"> | ||
| + | <!-- Other navbar items --> | ||
| + | </div> | ||
| + | </div> | ||
<a class="navbar-item"> | <a class="navbar-item"> | ||
Project | Project | ||
Revision as of 16:36, 21 July 2019