Line 108: | Line 108: | ||
flex-grow: 0; | flex-grow: 0; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
+ | } | ||
+ | |||
+ | .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 134: | Line 143: | ||
flex-grow: 1; | flex-grow: 1; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
+ | } | ||
+ | |||
+ | .navbar-dropdown { | ||
+ | font-size: 0.875rem; | ||
+ | padding-bottom: 0.5rem; | ||
+ | padding-top: 0.5rem; | ||
+ | } | ||
+ | |||
+ | .navbar-dropdown .navbar-item { | ||
+ | padding-left: 1.5rem; | ||
+ | padding-right: 1.5rem; | ||
+ | } | ||
+ | |||
+ | .navbar-item.has-dropdown:focus .navbar-link, | ||
+ | .navbar-item.has-dropdown:hover .navbar-link, | ||
+ | .navbar-item.has-dropdown.is-active .navbar-link { | ||
+ | background-color: #fafafa; | ||
} | } | ||
</style> | </style> |
Revision as of 16:40, 21 July 2019