diff options
| author | Haishan <[email protected]> | 2021-06-06 00:32:24 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2021-06-06 00:33:22 +0800 |
| commit | 5ff2f89afb71fd2976c487692ec73085241e09c7 (patch) | |
| tree | fe7a53d8839b1406e4ff31a2fa8a543669c7693f /src/components/Root.css | |
| parent | 25dbe5eff483bfdceec677b13ad4ec905c5fe566 (diff) | |
Stop use postcss-nested postcss-extend-rule
Diffstat (limited to 'src/components/Root.css')
| -rw-r--r-- | src/components/Root.css | 172 |
1 files changed, 0 insertions, 172 deletions
diff --git a/src/components/Root.css b/src/components/Root.css deleted file mode 100644 index 83d4171..0000000 --- a/src/components/Root.css +++ /dev/null @@ -1,172 +0,0 @@ -.relative { - position: relative; -} - -.border-left, -.border-top, -.border-bottom { - position: relative; -} - -%border { - position: absolute; - content: ''; - height: 1px; - width: 100%; - transform: scaleY(0.5) translateZ(0); - left: 0; - right: 0; - background: #555; -} - -%border1 { - position: absolute; - content: ''; - height: 100%; - width: 1px; - transform: scaleX(0.5) translateZ(0); - top: 0; - bottom: 0; - background: #555; -} - -.border-top::before { - @extend %border; - top: 0; -} - -.border-bottom::after { - @extend %border; - bottom: 0; -} - -.border-left::before { - @extend %border1; - left: 0; -} - -*, -*:before, -*:after { - box-sizing: border-box; -} - -:root { - --font-mono: 'Roboto Mono', Menlo, monospace; - --font-normal: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, - Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, - 'PingFang SC', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif; - --color-focus-blue: #1a73e8; - --btn-bg: #387cec; -} - -body { - font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, - Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, - Segoe UI Symbol, 'PingFang SC', 'Microsoft YaHei', '微软雅黑', Arial, - sans-serif; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - -webkit-text-size-adjust: 100%; - -webkit-font-smoothing: antialiased; - margin: 0; - padding: 0; -} - -body, -body.dark { - --color-background: #202020; - --color-background2: rgba(32, 32, 32, 0.3); - --color-bg-card: #2d2d2d; - --color-text: #ddd; - --color-text-secondary: #ccc; - --color-text-highlight: #fff; - --color-bg-sidebar: #2d2d30; - --color-sb-active-row-bg: #494b4e; - --color-input-bg: #2d2d30; - --color-input-border: #3f3f3f; - --color-toggle-bg: #353535; - --color-toggle-selected: #181818; - --color-icon: #c7c7c7; - --color-separator: #333; - --color-btn-bg: #232323; - --color-btn-fg: #bebebe; - --color-bg-proxy: #303030; - --color-row-odd: #282828; - --bg-log-info-tag: #454545; - --bg-modal: #1f1f20; - --bg-near-transparent: rgba(255, 255, 255, 0.1); - --bg-tooltip: #111; - --bc-tooltip: #555; - --select-border-color: #040404; - --select-bg-hover: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23ffffff%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); -} - -body.light { - --color-background: #eee; - --color-background2: rgba(240, 240, 240, 0.3); - --color-bg-card: #fafafa; - --color-text: #222; - --color-text-secondary: #646464; - --color-text-highlight: #040404; - --color-bg-sidebar: #f8f8f8; - --color-sb-active-row-bg: #d8d8d8; - --color-input-bg: #f0f0f0; - --color-input-border: #c0c0c0; - --color-toggle-bg: #ffffff; - --color-toggle-selected: #d7d7d7; - --color-icon: #5b5b5b; - --color-separator: #ccc; - --color-btn-bg: #f4f4f4; - --color-btn-fg: #101010; - --color-bg-proxy: #fafafa; - --color-row-odd: #f5f5f5; - --bg-log-info-tag: #888; - --bg-modal: #fbfbfb; - --bg-near-transparent: rgba(0, 0, 0, 0.1); - --bg-tooltip: #f0f0f0; - --bc-tooltip: #ccc; - --select-border-color: #999999; - --select-bg-hover: url(data:image/svg+xml,%0A%20%20%20%20%3Csvg%20width%3D%228%22%20height%3D%2224%22%20viewBox%3D%220%200%208%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%207L7%2011H1L4%207Z%22%20fill%3D%22%23222222%22%20%2F%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M4%2017L1%2013L7%2013L4%2017Z%22%20fill%3D%22%23222222%22%20%2F%3E%0A%20%20%20%20%3C%2Fsvg%3E%0A%20%20); -} - -.flexCenter { - display: flex; - align-items: center; - justify-content: center; -} - -.fabgrp { - position: fixed; - z-index: 3; - right: 20px; - bottom: 20px; -} - -.visually-hidden { - position: absolute; - overflow: hidden; - clip: rect(0 0 0 0); - width: 1px; - height: 1px; - margin: -1px; - border: 0; - padding: 0; -} - -/**** @reach/tooltip/styles.css ****/ -:root { - --reach-tooltip: 1; -} -[data-reach-tooltip] { - z-index: 1; - pointer-events: none; - position: absolute; - padding: 0.25em 0.5em; - box-shadow: 2px 2px 10px hsla(0, 0%, 0%, 0.1); - white-space: nowrap; - font-size: 85%; - background: var(--bg-tooltip); - color: var(--color-text); - border: solid 1px var(--bc-tooltip); - border-radius: 4px; -} |
