From b7e39b59fd0fc7b5610ebff29035bf622079e0d8 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Wed, 5 Oct 2022 20:45:21 +0800 Subject: refactor: Change file structure --- .../web-shared/src/styles/components/menu.scss | 81 ---------------------- 1 file changed, 81 deletions(-) delete mode 100644 old-apps/web-shared/src/styles/components/menu.scss (limited to 'old-apps/web-shared/src/styles/components/menu.scss') diff --git a/old-apps/web-shared/src/styles/components/menu.scss b/old-apps/web-shared/src/styles/components/menu.scss deleted file mode 100644 index 8e211a5..0000000 --- a/old-apps/web-shared/src/styles/components/menu.scss +++ /dev/null @@ -1,81 +0,0 @@ -@use '../base' as *; - -/* -------------------------------- - -File#: _1_menu -Title: Menu -Descr: Application menu that provides access to a set of functionalities -Usage: codyhouse.co/license - --------------------------------- */ - -.menu { - --menu-vertical-gap: 5px; // vertical gap between the Menu element and its control - --menu-item-padding: var(--space-xxxs) var(--space-xs); - list-style: none; - position: fixed; // top/left position set in JS - background-color: var(--color-bg-light); - //padding: var(--space-xxs) 0; - border-radius: var(--radius-md); - z-index: var(--z-index-popover, 5); - user-select: none; - margin-top: var(--menu-vertical-gap); - margin-bottom: var(--menu-vertical-gap); - overflow: auto; - - - // use rem units - @include spaceUnit(1rem); - @include textUnit(1rem); - - visibility: hidden; - opacity: 0; -} - -.menu--is-visible { - visibility: visible; - opacity: 1; -} - -.menu--overlay { - z-index: var(--z-index-overlay, 15); -} - -.menu__content { - display: block; // fallback - display: flex; - align-items: center; - text-decoration: none; // reset link style - padding: var(--menu-item-padding); - color: var(--color-contrast-high); - cursor: pointer; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - &:hover { - background-color: alpha(var(--color-contrast-higher), 0.075); - } - - &:focus { - outline: none; - background-color: alpha(var(--color-primary), 0.15); - } -} - -.menu__label { - padding: var(--menu-item-padding); - font-size: var(--text-sm); - color: var(--color-contrast-medium); -} - -.menu__separator { - height: 1px; - background-color: var(--color-contrast-lower); - margin: var(--menu-item-padding); -} - -.menu__icon { - color: alpha(var(--color-contrast-higher), 0.5); - margin-right: var(--space-xxs); -} -- cgit v1.3