2017-07-26 20:06:52 +00:00
|
|
|
$menu-size: $size-normal !default
|
|
|
|
|
|
|
|
|
|
$menu-item: $text !default
|
|
|
|
|
$menu-item-radius: $radius-small !default
|
|
|
|
|
$menu-item-hover: $text-strong !default
|
|
|
|
|
$menu-item-hover-background: $background !default
|
|
|
|
|
$menu-item-active: $link-invert !default
|
|
|
|
|
$menu-item-active-background: $link !default
|
|
|
|
|
|
|
|
|
|
$menu-list-border: $border !default
|
|
|
|
|
|
|
|
|
|
$menu-label: $text-light !default
|
|
|
|
|
|
2016-10-30 19:20:51 +00:00
|
|
|
.menu
|
2017-07-26 20:06:52 +00:00
|
|
|
font-size: $menu-size
|
2016-01-24 00:03:43 +00:00
|
|
|
|
|
|
|
|
.menu-list
|
2016-10-30 19:20:51 +00:00
|
|
|
line-height: 1.25
|
2016-01-24 00:03:43 +00:00
|
|
|
a
|
2017-07-26 20:06:52 +00:00
|
|
|
border-radius: $menu-item-radius
|
|
|
|
|
color: $menu-item
|
2016-03-25 13:38:40 +00:00
|
|
|
display: block
|
2016-10-30 19:20:51 +00:00
|
|
|
padding: 0.5em 0.75em
|
2016-01-24 00:03:43 +00:00
|
|
|
&:hover
|
2017-07-26 20:06:52 +00:00
|
|
|
background-color: $menu-item-hover-background
|
|
|
|
|
color: $menu-item-hover
|
2016-04-10 15:27:27 +00:00
|
|
|
// Modifiers
|
2016-01-31 11:04:28 +00:00
|
|
|
&.is-active
|
2017-07-26 20:06:52 +00:00
|
|
|
background-color: $menu-item-active-background
|
|
|
|
|
color: $menu-item-active
|
2016-04-10 15:27:27 +00:00
|
|
|
li
|
|
|
|
|
ul
|
2017-07-26 20:06:52 +00:00
|
|
|
border-left: 1px solid $menu-list-border
|
2016-10-30 19:20:51 +00:00
|
|
|
margin: 0.75em
|
|
|
|
|
padding-left: 0.75em
|
2016-01-31 11:04:28 +00:00
|
|
|
|
2016-03-25 13:38:40 +00:00
|
|
|
.menu-label
|
2017-07-26 20:06:52 +00:00
|
|
|
color: $menu-label
|
2016-12-22 18:17:26 +00:00
|
|
|
font-size: 0.8em
|
2016-12-22 19:51:52 +00:00
|
|
|
letter-spacing: 0.1em
|
2016-03-25 13:38:40 +00:00
|
|
|
text-transform: uppercase
|
|
|
|
|
&:not(:first-child)
|
2016-10-30 19:20:51 +00:00
|
|
|
margin-top: 1em
|
|
|
|
|
&:not(:last-child)
|
|
|
|
|
margin-bottom: 1em
|
