61 lines
1.3 KiB
Stylus
61 lines
1.3 KiB
Stylus
/* ---------------------------------
|
|
* Top Navigation
|
|
* --------------------------------- */
|
|
$navbar-item-padding-v ?= 1.25rem
|
|
$navbar-item-padding-h ?= .75rem
|
|
$navbar-item-margin-v ?= 0
|
|
$navbar-item-margin-h ?= 0
|
|
|
|
.navbar-main
|
|
box-shadow: $shadow
|
|
|
|
.navbar-container
|
|
overflow-x: auto
|
|
|
|
.navbar-menu, .navbar-start, .navbar-end
|
|
align-items: stretch
|
|
display: flex
|
|
padding: 0
|
|
flex-shrink: 0
|
|
|
|
.navbar-menu
|
|
flex-grow: 1
|
|
flex-shrink: 0
|
|
overflow-x: auto
|
|
|
|
.navbar-start
|
|
justify-content: flex-start
|
|
margin-right: auto
|
|
|
|
.navbar-end
|
|
justify-content: flex-end
|
|
margin-left: auto
|
|
|
|
.navbar-item
|
|
display: flex
|
|
align-items: center
|
|
padding: $navbar-item-padding-v $navbar-item-padding-h
|
|
margin: $navbar-item-margin-v $navbar-item-margin-h
|
|
|
|
&.is-active
|
|
background-color: transparent
|
|
|
|
+until($navbar-breakpoint)
|
|
.navbar-menu
|
|
justify-content: center
|
|
box-shadow: none
|
|
|
|
.navbar-start
|
|
margin-right: 0
|
|
|
|
.navbar-end
|
|
margin-left: 0
|
|
|
|
.navbar-logo
|
|
img
|
|
max-height: $logo-height
|
|
|
|
@media screen and (min-width: $desktop)
|
|
.navbar > .container .navbar-menu, .container > .navbar .navbar-menu
|
|
margin-right: 0rem
|