@import "../global"; $border-radius-menu: 2px; .menu-container { display: inline-block; } .menu { position: absolute; white-space: nowrap; background-color: var(--menu-bg); box-shadow: var(--box-shadow-layer); border-radius: var(--menu-radius); padding-top: ($spacing-vertical / 5) 0px; z-index: 1; } .menu__menu-item { display: block; padding: ($spacing-vertical / 4) ($spacing-vertical / 2); &:hover { background: var(--menu-item-hover-bg); } }