diff options
author | 53hornet <53hornet@gmail.com> | 2019-03-30 18:05:20 -0400 |
---|---|---|
committer | 53hornet <53hornet@gmail.com> | 2019-03-30 18:05:20 -0400 |
commit | 7f69e616dd181ce6d46d42a7dfde14dfeae7e247 (patch) | |
tree | 3324c42ae878b1e68717d56270d81015d7d6de6b /_sass/components/menu.sass | |
download | cobalt-site-7f69e616dd181ce6d46d42a7dfde14dfeae7e247.tar.xz cobalt-site-7f69e616dd181ce6d46d42a7dfde14dfeae7e247.zip |
Initial commit.
Diffstat (limited to '_sass/components/menu.sass')
-rw-r--r-- | _sass/components/menu.sass | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/_sass/components/menu.sass b/_sass/components/menu.sass new file mode 100644 index 0000000..727df36 --- /dev/null +++ b/_sass/components/menu.sass @@ -0,0 +1,50 @@ +$menu-item-color: $text !default +$menu-item-radius: $radius-small !default +$menu-item-hover-color: $text-strong !default +$menu-item-hover-background-color: $background !default +$menu-item-active-color: $link-invert !default +$menu-item-active-background-color: $link !default + +$menu-list-border-left: 1px solid $border !default + +$menu-label-color: $text-light !default + +.menu + font-size: $size-normal + // Sizes + &.is-small + font-size: $size-small + &.is-medium + font-size: $size-medium + &.is-large + font-size: $size-large + +.menu-list + line-height: 1.25 + a + border-radius: $menu-item-radius + color: $menu-item-color + display: block + padding: 0.5em 0.75em + &:hover + background-color: $menu-item-hover-background-color + color: $menu-item-hover-color + // Modifiers + &.is-active + background-color: $menu-item-active-background-color + color: $menu-item-active-color + li + ul + border-left: $menu-list-border-left + margin: 0.75em + padding-left: 0.75em + +.menu-label + color: $menu-label-color + font-size: 0.75em + letter-spacing: 0.1em + text-transform: uppercase + &:not(:first-child) + margin-top: 1em + &:not(:last-child) + margin-bottom: 1em |