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/alert.scss | 69 ---------------------- 1 file changed, 69 deletions(-) delete mode 100644 old-apps/web-shared/src/styles/components/alert.scss (limited to 'old-apps/web-shared/src/styles/components/alert.scss') diff --git a/old-apps/web-shared/src/styles/components/alert.scss b/old-apps/web-shared/src/styles/components/alert.scss deleted file mode 100644 index 9d9008d..0000000 --- a/old-apps/web-shared/src/styles/components/alert.scss +++ /dev/null @@ -1,69 +0,0 @@ -@use '../base' as *; - -/* -------------------------------- - -File#: _1_alert -Title: Alert -Descr: Feedback message -Usage: codyhouse.co/license - --------------------------------- */ - -.alert { - background-color: alpha(var(--color-primary), 0.2); - color: var(--color-contrast-higher); - - // hide element - position: absolute; - clip: rect(1px, 1px, 1px, 1px); - clip-path: inset(50%); -} - -.alert__icon { - color: var(--color-primary); -} - -.alert__close-btn { - display: inline-block; - - .icon { - display: block; - } - - &:hover { - opacity: 0.7; - } -} - -// themes -.alert--success { - background-color: alpha(var(--color-success), 0.2); - - .alert__icon { - color: var(--color-success); - } -} - -.alert--error { - background-color: alpha(var(--color-error), 0.2); - - .alert__icon { - color: var(--color-error); - } -} - -.alert--warning { - background-color: alpha(var(--color-warning), 0.2); - - .alert__icon { - color: var(--color-warning); - } -} - -// toggle visibility -.alert--is-visible { - position: static; - clip: auto; - clip-path: none; -} - -- cgit v1.3