@yuebai008/cli
Version:
Command line interface for rapid qg-minigame development
1 lines • 2.46 kB
JavaScript
const styles=new CSSStyleSheet;styles.replaceSync('/*\n * Copyright 2021 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:host {\n --list-group-padding: 16px;\n}\n\nli {\n border: 2px solid transparent;\n list-style: none;\n text-overflow: ellipsis;\n min-height: 12px;\n}\n\n.compact {\n border: 0;\n}\n\n.tree-node-key {\n white-space: var(--override-key-whitespace-wrapping);\n /* Override the default |min-width: auto| to avoid overflows of flex items */\n min-width: 0;\n flex-grow: 1;\n}\n\n.arrow-icon {\n display: block;\n user-select: none;\n -webkit-mask-image: var(--image-file-triangle-right);\n background-color: var(--icon-default);\n content: "";\n text-shadow: none;\n height: 14px;\n width: 14px;\n overflow: hidden;\n flex: none;\n transition: transform 200ms;\n}\n\nul {\n margin: 0;\n padding: 0;\n}\n\nul[role="group"] {\n padding-left: var(--list-group-padding);\n}\n\nli:not(.parent) > .arrow-and-key-wrapper > .arrow-icon {\n -webkit-mask-size: 0;\n}\n\nli.parent.expanded > .arrow-and-key-wrapper > .arrow-icon {\n transform: rotate(90deg);\n}\n\nli.is-top-level {\n border-top: var(--override-top-node-border);\n}\n\nli.is-top-level:last-child {\n border-bottom: var(--override-top-node-border);\n}\n\n:host([animated]) li:not(.is-top-level) {\n animation-name: slideIn;\n animation-duration: 150ms;\n animation-timing-function: cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n\n@keyframes slideIn {\n from {\n transform: translateY(-5px);\n opacity: 0%;\n }\n\n to {\n transform: none;\n opacity: 100%;\n }\n}\n\n.arrow-and-key-wrapper {\n display: flex;\n align-content: center;\n align-items: center;\n}\n\n[role="treeitem"]:focus {\n outline: 0;\n}\n\nul[role="tree"]:focus-within [role="treeitem"].selected > .arrow-and-key-wrapper {\n /* stylelint-disable-next-line color-named */\n background-color: var(--legacy-item-selection-bg-color);\n}\n\n.text-ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.inline-icon {\n vertical-align: sub;\n}\n\n@media (forced-colors: active) {\n .arrow-icon {\n background-color: ButtonText;\n }\n\n ul[role="tree"]:focus-within [role="treeitem"].selected {\n outline: solid 1px ButtonText;\n }\n}\n\n/*# sourceURL=treeOutline.css */\n');export default styles;