@yuebai008/cli
Version:
Command line interface for rapid qg-minigame development
1 lines • 6.6 kB
JavaScript
const styles=new CSSStyleSheet;styles.replaceSync("/**\n * Copyright 2017 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.styles-section {\n min-height: 18px;\n white-space: nowrap;\n user-select: text;\n border-bottom: 1px solid var(--sys-color-divider);\n position: relative;\n overflow: hidden;\n\n > div {\n padding: 2px 2px 4px 4px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &.has-open-popover {\n z-index: 1;\n }\n\n &.read-only {\n background-color: var(--color-background-opacity-50);\n font-style: italic;\n }\n\n &:focus-visible,\n &.read-only:focus-visible {\n background-color: var(--color-background-elevation-2);\n }\n\n .simple-selector.filter-match {\n background-color: var(--color-match-highlight);\n color: var(--color-text-primary);\n }\n\n .devtools-link {\n user-select: none;\n }\n\n .styles-section-subtitle devtools-icon {\n margin-bottom: -4px;\n }\n\n .styles-section-subtitle .devtools-link {\n color: var(--text-primary);\n text-decoration-color: hsl(0deg 0% 60%);\n outline-offset: 0;\n }\n\n .selector,\n .try-rule-selector-element {\n color: var(--text-disabled);\n }\n\n .simple-selector.selector-matches,\n &.keyframe-key {\n color: var(--text-primary);\n }\n\n .style-properties {\n margin: 0;\n padding: 2px 4px 0 0;\n list-style: none;\n clear: both;\n display: flex;\n }\n\n &.matched-styles .style-properties {\n padding-left: 0;\n }\n\n & span.simple-selector:hover {\n text-decoration: var(--override-styles-section-text-hover-text-decoration);\n cursor: var(--override-styles-section-text-hover-cursor);\n }\n\n &.styles-panel-hovered:not(.read-only),\n &.styles-panel-hovered:not(.read-only) devtools-css-query {\n --override-styles-section-text-hover-text-decoration: underline;\n --override-styles-section-text-hover-cursor: default;\n }\n}\n\n.sidebar-pane-closing-brace {\n clear: both;\n}\n\n.styles-section-title {\n background-origin: padding;\n background-clip: padding;\n word-wrap: break-word;\n white-space: normal;\n\n .ancestor-rule-list {\n color: var(--text-disabled);\n }\n}\n\n.styles-section-subtitle {\n color: var(--text-secondary);\n float: right;\n padding-left: 15px;\n max-width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 15px;\n margin-bottom: -1px;\n}\n\n.sidebar-pane-open-brace,\n.sidebar-pane-closing-brace {\n color: var(--text-primary);\n}\n\n@keyframes styles-element-state-pane-slidein {\n from {\n margin-top: -60px;\n }\n\n to {\n margin-top: 0;\n }\n}\n\n@keyframes styles-element-state-pane-slideout {\n from {\n margin-top: 0;\n }\n\n to {\n margin-top: -60px;\n }\n}\n\n.styles-sidebar-toolbar-pane {\n position: relative;\n animation-duration: 0.1s;\n animation-direction: normal;\n}\n\n.styles-sidebar-toolbar-pane-container {\n position: relative;\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.styles-selector {\n cursor: text;\n}\n\n.styles-sidebar-pane-toolbar-container {\n --override-toolbar-background-color: var(--sys-color-cdt-base-container);\n\n flex-shrink: 0;\n overflow: hidden;\n position: sticky;\n top: 0;\n background-color: var(--override-toolbar-background-color);\n z-index: 2;\n}\n\n.styles-sidebar-pane-toolbar {\n border-bottom: 1px solid var(--sys-color-divider);\n flex-shrink: 0;\n}\n\n.font-toolbar-hidden {\n visibility: hidden;\n}\n\n.styles-sidebar-pane-filter-box {\n flex: auto;\n display: flex;\n\n > input {\n border: solid 1px var(--sys-color-neutral-outline);\n border-radius: 4px;\n width: 100%;\n background: var(--sys-color-cdt-base-container);\n padding-left: 4px;\n margin: 3px;\n\n &:focus,\n &:not(:placeholder-shown) {\n border-color: var(--sys-color-state-focus-ring);\n }\n\n &:hover:not(:focus) {\n background: var(--sys-color-state-hover-on-subtle);\n }\n\n &::placeholder {\n color: var(--color-text-secondary);\n }\n }\n}\n\n.sidebar-separator {\n background-color: var(--sys-color-surface2);\n padding: 0 5px;\n border-bottom: 1px solid var(--sys-color-divider);\n color: var(--color-text-secondary);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n line-height: 22px;\n\n > span.monospace {\n max-width: 180px;\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n vertical-align: middle;\n margin-left: 2px;\n }\n\n &.layer-separator {\n display: flex;\n }\n\n &.empty-section {\n border-bottom: none;\n }\n}\n\n.sidebar-pane-section-toolbar {\n position: absolute;\n right: 0;\n bottom: -1px;\n z-index: 0;\n\n &.new-rule-toolbar {\n visibility: hidden;\n margin-bottom: 5px;\n\n --toolbar-height: 16px;\n }\n\n &.shifted-toolbar {\n padding-right: 32px;\n }\n}\n\n.styles-pane:not(.is-editing-style) .styles-section.matched-styles:not(.read-only):hover .sidebar-pane-section-toolbar.new-rule-toolbar {\n visibility: visible;\n}\n\n.styles-show-all {\n margin-left: 16px;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: -webkit-fill-available;\n}\n\n@media (forced-colors: active) {\n .styles-sidebar-pane-filter-box > input {\n border: 1px solid ButtonText;\n background: ButtonFace;\n }\n\n .sidebar-pane-section-toolbar {\n forced-color-adjust: none;\n border-color: 1px solid ButtonText;\n background-color: ButtonFace;\n }\n\n .styles-section {\n &:focus-visible,\n &.read-only:focus-visible {\n forced-color-adjust: none;\n background-color: Highlight;\n }\n\n .styles-section-subtitle {\n .devtools-link {\n color: linktext;\n text-decoration-color: linktext;\n\n &:focus-visible {\n color: HighlightText;\n }\n }\n }\n\n &:focus-visible *,\n &.read-only:focus-visible *,\n &:focus-visible .styles-section-subtitle .devtools-link {\n color: HighlightText;\n text-decoration-color: HighlightText;\n }\n\n &:focus-visible .sidebar-pane-section-toolbar {\n background-color: ButtonFace;\n }\n\n &:focus-visible {\n --webkit-css-property-color: HighlightText;\n }\n }\n}\n\n.spinner::before {\n --dimension: 24px;\n\n margin-top: 2em;\n left: calc(50% - var(--dimension) / 2);\n}\n\n.section-block-expand-icon {\n margin-bottom: -4px;\n}\n\n/*# sourceURL=stylesSidebarPane.css */\n");export default styles;