@charset "utf-8"; @import "../initial"; .sitemenu-horizontal { padding:0 1em; @include clearfix; .sitemenu-item.level-1 { font-size: 0.8125rem; position: relative; float: left; margin-right: 1%; margin-bottom: 0.75em; padding: 0.5em .8em; padding-bottom: 0.5em; color: $theme-white; border-radius: .2em; background: $theme-color-green; text-align: center; &:hover { background: darken($theme-color-green, 10%); .sitemenu-list.level-2 { display: block; } } } .sitemenu-link.level-1 { margin-right: .25rem; color: $theme-white; } .sitemenu-dropdown-toggle { font-size: 0.75rem; padding: 0.125em .3125rem; cursor: pointer; } // sitemenu dropdown .sitemenu-list.dropdown-menu { min-width: 100%; margin-top: 0.25em; border: none; border-radius: .2em; background: darken($theme-color-green, 10%); } .sitemenu-link.level-2 { color: $theme-white; font-size: 0.8125rem; padding: 0.25em 0.625rem; &:hover { text-decoration: underline; background-color: transparent; } } } .sitemenu-vertical { .sitemenu-list { background-color: $theme-color-green; } .sitemenu-item.level-1 { padding: 0.625em 1.25em; position: relative; color: $theme-white; &:hover { .sitemenu-list.dropdown-menu { display: block; } background: darken($theme-color-green, 10%); } } .sitemenu-link { font-size: 0.8125rem; color: $theme-white; } .sitemenu-dropdown-toggle { font-size: 0.75rem; padding: 0.125em .3125rem; cursor: pointer; } .sitemenu-list.dropdown-menu { border: none; border-radius: .2em; background: darken($theme-color-green, 10%); } .sitemenu-link.level-2 { color: $theme-white; font-size: 0.8125rem; padding: 0.25em 0.625rem; &:hover { text-decoration: underline; background-color: transparent; } } }