From 5ff2f89afb71fd2976c487692ec73085241e09c7 Mon Sep 17 00:00:00 2001 From: Haishan Date: Sun, 6 Jun 2021 00:32:24 +0800 Subject: Stop use postcss-nested postcss-extend-rule --- src/components/SideBar.module.css | 112 -------------------------------------- 1 file changed, 112 deletions(-) delete mode 100644 src/components/SideBar.module.css (limited to 'src/components/SideBar.module.css') diff --git a/src/components/SideBar.module.css b/src/components/SideBar.module.css deleted file mode 100644 index 744d29d..0000000 --- a/src/components/SideBar.module.css +++ /dev/null @@ -1,112 +0,0 @@ -.root { - background: var(--color-bg-sidebar); - min-width: 150px; - position: relative; -} - -.logoPlaceholder { - height: 15px; - @media (max-width: 768px) { - display: none; - } -} - -.rows { - @media (max-width: 768px) { - display: flex; - justify-content: space-between; - overflow: scroll; - } -} - -/* a router link */ -.row { - color: var(--color-text); - text-decoration: none; - - display: flex; - align-items: center; - padding: 6px 16px; - @media (--breakpoint-not-small) { - padding: 8px 20px; - } - - @media (max-width: 768px) { - flex-direction: column; - } - - svg { - color: var(--color-icon); - width: 22px; - height: 22px; - - @media (--breakpoint-not-small) { - width: 24px; - height: 24px; - } - } -} - -.rowActive { - background: var(--color-sb-active-row-bg); - - @media (max-width: 768px) { - background: none; - border-bottom: 2px solid #387cec; - } -} - -.label { - padding-left: 14px; - font-size: 0.75em; - @media (max-width: 768px) { - padding-left: 0; - padding-top: 5px; - } - - @media (--breakpoint-not-small) { - font-size: 1em; - } -} - -.footer { - position: absolute; - bottom: 10px; - left: 50%; - transform: translateX(-50%); -} - -@media (max-width: 768px) { - .footer { - display: none; - } -} - -.iconWrapper { - --sz: 40px; - - width: var(--sz); - height: var(--sz); - display: flex; - justify-content: center; - align-items: center; - - outline: none; - padding: 5px; - color: var(--color-text); - border-radius: 100%; - border: 1px solid transparent; -} -.iconWrapper:hover { - opacity: 0.6; -} -.iconWrapper:focus { - border-color: var(--color-focus-blue); -} - -.themeSwitchContainer { - appearance: none; - user-select: none; - background: none; - cursor: pointer; -} -- cgit v1.3.1