@yuebai008/cli
Version:
Command line interface for rapid qg-minigame development
1 lines • 3.55 kB
JavaScript
export default{cssContent:"/*\n * Copyright (c) 2014 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.search-bar {\n flex: 0 0 31px;\n background-color: var(--sys-color-cdt-base-container);\n border-top: 1px solid var(--sys-color-divider);\n display: flex;\n overflow: hidden;\n z-index: 0;\n}\n\n.search-bar.replaceable {\n flex: 0 0 57px;\n}\n\n.search-replace {\n appearance: none;\n border: 0;\n /* prevents the input background from going over the border of toolbar-search-control */\n border-radius: 4px;\n padding: 0 3px;\n margin: 0;\n flex: 1;\n}\n\n.search-replace:focus {\n outline: none;\n}\n\n.toolbar-search {\n display: flex;\n width: 100%;\n}\n\n.toolbar-search > div {\n margin: 2px;\n flex-shrink: 0;\n}\n\n.toolbar-search-control,\n.toolbar-replace-control {\n border: 1px solid var(--sys-color-neutral-outline);\n height: 22px;\n border-radius: 4px;\n width: 100%;\n margin-top: 2px;\n margin-bottom: 2px;\n}\n\n.toolbar-search-control {\n display: flex;\n position: relative;\n background-color: var(--sys-color-cdt-base-container);\n\n &:focus-within {\n border-color: var(--sys-color-state-focus-ring);\n }\n}\n\n.toolbar-search-inputs {\n flex-grow: 1;\n min-width: 150px;\n\n &:hover:not(:focus-within) {\n & .toolbar-search-control {\n background-color: var(--sys-color-state-hover-on-subtle);\n }\n\n & input {\n background: none;\n }\n }\n}\n\n.toolbar-search-navigation-controls {\n align-self: stretch;\n}\n\n.toolbar-search-navigation {\n display: inline-block;\n width: 20px;\n height: 20px;\n background-repeat: no-repeat;\n border-left: 1px solid var(--sys-color-divider);\n opacity: 30%;\n}\n\n.toolbar-search-navigation.enabled {\n opacity: 100%;\n}\n\n.toolbar-search button.search-action-button {\n font-weight: 400;\n height: 22px;\n width: 87px;\n}\n\n.toolbar-search-buttons {\n display: flex;\n flex-direction: column;\n}\n\n.toolbar-replace-control,\n#search-input-field {\n line-height: 17px;\n}\n\n.toolbar-search-navigation.enabled:active {\n background-position: 4px 7px, 0 0;\n}\n\n.toolbar-search-navigation.toolbar-search-navigation-prev {\n background-image: var(--image-file-chevron-up);\n border-left: 1px solid var(--sys-color-neutral-outline);\n}\n\n:host-context(.-theme-with-dark-background) .toolbar-search-navigation {\n filter: invert(90%);\n}\n\n.toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {\n background-image: var(--image-file-chevron-up), var(--color-background-elevation-1);\n}\n\n.toolbar-search-navigation.toolbar-search-navigation-next {\n background-image: var(--image-file-chevron-down);\n border-left: 1px solid var(--sys-color-neutral-outline);\n}\n\n.toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {\n background-image: var(--image-file-chevron-down), var(--color-background-elevation-1);\n}\n\n.search-results-matches {\n display: inline-block;\n text-align: right;\n padding: 0 4px;\n color: var(--color-text-secondary);\n align-self: center;\n}\n\n.first-row-buttons {\n display: flex;\n justify-content: space-between;\n}\n\n.toolbar-search > .replace-toggle-toolbar {\n margin: 2px -2px 0 0;\n}\n\n.toolbar-search-options {\n margin: 0 auto;\n}\n\n:host-context(#sources-panel-sources-view) .search-bar {\n flex-basis: auto;\n}\n\n:host-context(#sources-panel-sources-view) .toolbar-search {\n flex-wrap: wrap;\n}\n"};