@yuebai008/cli
Version:
Command line interface for rapid qg-minigame development
1 lines • 8.25 kB
JavaScript
const styles=new CSSStyleSheet;styles.replaceSync('/**\n * Copyright 2019 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.overview-completed-view {\n overflow: auto;\n\n --overview-default-padding: 28px;\n --overview-icon-padding: 32px;\n}\n\n.overview-completed-view .summary ul,\n.overview-completed-view .colors ul {\n display: flex;\n flex-wrap: wrap;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.overview-completed-view .summary ul {\n display: grid;\n grid-template-columns: repeat(auto-fill, 140px);\n grid-gap: 16px;\n}\n\n.overview-completed-view .colors ul li {\n display: inline-block;\n margin: 0 0 16px;\n padding: 0 8px 0 0;\n}\n\n.overview-completed-view .summary ul li {\n display: flex;\n flex-direction: column;\n grid-column-start: auto;\n}\n\n.overview-completed-view li .label {\n font-size: 12px;\n padding-bottom: 2px;\n}\n\n.overview-completed-view li .value {\n font-size: 17px;\n}\n\n.overview-completed-view ul li span {\n font-weight: bold;\n}\n\n.unused-rules-grid .header-container,\n.unused-rules-grid .data-container,\n.unused-rules-grid table.data {\n position: relative;\n}\n\n.unused-rules-grid .data-container {\n top: 0;\n max-height: 350px;\n}\n\n.unused-rules-grid {\n border-left: none;\n border-right: none;\n}\n/** Ensure links are rendered at the correct height */\n\n.unused-rules-grid .monospace {\n display: block;\n height: 18px;\n}\n\n.element-grid {\n flex: 1;\n border-left: none;\n border-right: none;\n overflow: auto;\n}\n\n.block {\n width: 65px;\n height: 25px;\n border-radius: 3px;\n margin-right: 16px;\n}\n\n.block-title {\n padding-top: 4px;\n font-size: 12px;\n color: var(--color-text-primary);\n letter-spacing: 0;\n text-transform: uppercase;\n}\n\n.block-title.color-text {\n text-transform: none;\n max-width: 65px;\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: text;\n user-select: text;\n overflow: hidden;\n}\n\n.results-section {\n flex-shrink: 0;\n border-bottom: 1px solid var(--sys-color-divider);\n padding: var(--overview-default-padding) 0 var(--overview-default-padding) 0;\n}\n\n.horizontally-padded {\n padding-left: var(--overview-default-padding);\n padding-right: var(--overview-default-padding);\n}\n\n.results-section h1 {\n font-size: 15px;\n font-weight: normal;\n padding: 0;\n margin: 0 0 20px;\n padding-left: calc(var(--overview-default-padding) + var(--overview-icon-padding));\n position: relative;\n height: 26px;\n line-height: 26px;\n}\n\n.results-section h1::before {\n content: "";\n display: block;\n position: absolute;\n left: var(--overview-default-padding);\n top: 0;\n width: 26px;\n height: 26px;\n background-image: var(--image-file-cssoverview_icons_2x);\n background-size: 104px 26px;\n}\n\n.results-section.horizontally-padded h1 {\n padding-left: var(--overview-icon-padding);\n}\n\n.results-section.horizontally-padded h1::before {\n left: 0;\n}\n\n.results-section.summary h1 {\n padding-left: 0;\n}\n\n.results-section.summary h1::before {\n display: none;\n}\n\n.results-section.colors h1::before {\n background-position: 0 0;\n}\n\n.results-section.font-info h1::before {\n background-position: -26px 0;\n}\n\n.results-section.unused-declarations h1::before {\n background-position: -52px 0;\n}\n\n.results-section.media-queries h1::before {\n background-position: -78px 0;\n}\n\n.results-section.colors h2 {\n margin-top: 20px;\n font-size: 13px;\n font-weight: normal;\n}\n\n.overview-completed-view .font-info ul,\n.overview-completed-view .media-queries ul,\n.overview-completed-view .unused-declarations ul {\n width: 100%;\n list-style: none;\n margin: 0;\n padding: 0 var(--overview-default-padding);\n}\n\n.overview-completed-view .font-info ul li,\n.overview-completed-view .media-queries ul li,\n.overview-completed-view .unused-declarations ul li {\n display: grid;\n grid-template-columns: 2fr 3fr;\n grid-gap: 12px;\n margin-bottom: 4px;\n align-items: center;\n}\n\n.overview-completed-view .font-info button,\n.overview-completed-view .media-queries button,\n.overview-completed-view .unused-declarations button {\n border: none;\n padding: 0;\n margin: 0;\n display: flex;\n align-items: center;\n border-radius: 2px;\n cursor: pointer;\n height: 28px;\n background: none;\n}\n\n.overview-completed-view .font-info button .details,\n.overview-completed-view .media-queries button .details,\n.overview-completed-view .unused-declarations button .details {\n min-width: 100px;\n text-align: right;\n margin-right: 8px;\n color: var(--color-primary-old);\n pointer-events: none;\n}\n\n.overview-completed-view .font-info button .bar-container,\n.overview-completed-view .media-queries button .bar-container,\n.overview-completed-view .unused-declarations button .bar-container {\n flex: 1;\n pointer-events: none;\n}\n\n.overview-completed-view .font-info button .bar,\n.overview-completed-view .media-queries button .bar,\n.overview-completed-view .unused-declarations button .bar {\n height: 8px;\n background: var(--color-primary-old);\n border-radius: 2px;\n min-width: 2px;\n}\n\n.overview-completed-view .font-info button:hover .details,\n.overview-completed-view .font-info button:focus .details,\n.overview-completed-view .media-queries button:hover .details,\n.overview-completed-view .media-queries button:focus .details,\n.overview-completed-view .unused-declarations button:hover .details,\n.overview-completed-view .unused-declarations button:focus .details {\n color: var(--color-primary-variant);\n}\n\n.overview-completed-view .font-info button:hover .bar,\n.overview-completed-view .font-info button:focus .bar,\n.overview-completed-view .media-queries button:hover .bar,\n.overview-completed-view .media-queries button:focus .bar,\n.overview-completed-view .unused-declarations button:hover .bar,\n.overview-completed-view .unused-declarations button:focus .bar {\n background-color: var(--color-primary-variant);\n box-shadow: 0 1px 2px var(--divider-line), 0 0 0 2px var(--color-primary-variant);\n color: var(--color-background);\n}\n\n.overview-completed-view .font-info .font-metric {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n grid-gap: 12px;\n}\n\n.overview-completed-view .font-info ul {\n padding: 0;\n}\n\n.overview-completed-view .font-info ul li {\n grid-template-columns: 1fr 4fr;\n}\n\n.overview-completed-view .font-info h2 {\n font-size: 14px;\n font-weight: bold;\n margin: 0 0 1em;\n}\n\n.overview-completed-view .font-info h3 {\n font-size: 13px;\n font-weight: normal;\n font-style: italic;\n margin: 0 0 0.5em;\n}\n\n.overview-completed-view .font-info {\n padding-bottom: 0;\n}\n\n.overview-completed-view .font-family {\n padding: var(--overview-default-padding);\n}\n\n.overview-completed-view .font-family:nth-child(2n+1) {\n background: var(--sys-color-cdt-base-container);\n}\n\n.overview-completed-view .font-family:first-of-type {\n padding-top: 0;\n}\n\n.contrast-warning {\n display: flex;\n align-items: center;\n margin-top: 2px;\n}\n\n.contrast-warning .threshold-label {\n font-weight: normal;\n width: 30px;\n}\n\n.contrast-warning devtools-icon {\n margin-left: 2px;\n}\n\n.contrast-preview {\n padding: 0 5px;\n}\n\n.contrast-container-in-grid {\n display: flex;\n align-items: center;\n}\n\n.contrast-container-in-grid > * {\n margin-right: 5px;\n min-width: initial;\n}\n\n.data .nodeId-column {\n align-items: center;\n display: flex;\n height: 20px;\n}\n\n.nodeId-column .monospace {\n overflow: hidden;\n}\n\n.show-element {\n margin: 0 0 0 8px;\n display: none;\n cursor: pointer;\n flex: none;\n\n --icon-show-element: var(--icon-default);\n}\n\n.show-element:focus,\n.show-element:hover {\n --icon-show-element: var(--icon-default-hover);\n}\n\n.nodeId-column:focus-within .show-element,\n.nodeId-column:hover .show-element {\n display: inline-block;\n}\n\n.results-section.colors {\n forced-color-adjust: none; /* show colors in high contrast theme */\n}\n\n/*# sourceURL=cssOverviewCompletedView.css */\n');export default styles;