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/popover.scss | 38 ---------------------- 1 file changed, 38 deletions(-) delete mode 100644 old-apps/web-shared/src/styles/components/popover.scss (limited to 'old-apps/web-shared/src/styles/components/popover.scss') diff --git a/old-apps/web-shared/src/styles/components/popover.scss b/old-apps/web-shared/src/styles/components/popover.scss deleted file mode 100644 index 7f423a0..0000000 --- a/old-apps/web-shared/src/styles/components/popover.scss +++ /dev/null @@ -1,38 +0,0 @@ -@use '../base'as *; - -/* -------------------------------- - -File#: _1_popover -Title: Popover -Descr: A pop-up box controlled by a trigger element -Usage: codyhouse.co/license - --------------------------------- */ -:root { - --popover-width: 250px; - --popover-control-gap: 4px; // ⚠️ use px units - vertical gap between the popover and its control - --popover-viewport-gap: 20px; // ⚠️ use px units - vertical gap between the popover and the viewport - visible if popover height > viewport height - --popover-transition-duration: 0.2s; -} - -.popover { - position: fixed; // top/left position set in JS - width: var(--popover-width); - z-index: var(--z-index-popover, 5); - margin-top: var(--popover-control-gap); - margin-bottom: var(--popover-control-gap); - overflow: auto; - -webkit-overflow-scrolling: touch; - - visibility: hidden; - opacity: 0; -} - -.popover--is-visible { - visibility: visible; - opacity: 1; -} - -.popover-control--active { - // class added to the trigger when popover is visible -} -- cgit v1.3