aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/styles/components/menu.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
committerivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
commitb7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch)
tree64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/styles/components/menu.scss
parent2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff)
downloadgreatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz
greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/styles/components/menu.scss')
-rw-r--r--old-apps/web-shared/src/styles/components/menu.scss81
1 files changed, 0 insertions, 81 deletions
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);
-}