debug-server-next/dist/public/front_end/panels/css_overview/css_overview_module.js

Dev server for hippy-core.

import*as RootModule from'../../core/root/root.js';RootModule.Runtime.cachedResources.set("panels/css_overview/cssOverview.css","/**\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.css-overview-panel {\n  overflow: hidden;\n}\n\n/*# sourceURL=panels/css_overview/cssOverview.css */");RootModule.Runtime.cachedResources.set("panels/css_overview/cssOverviewStartView.css","/**\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-start-view {\n  overflow: hidden;\n  padding: 16px;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n}\n\n.overview-start-view h1 {\n  font-size: 16px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding: 8px;\n}\n\n.overview-start-view div {\n  font-size: 12px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding-bottom: 44px;\n}\n\n/*# sourceURL=panels/css_overview/cssOverviewStartView.css */");RootModule.Runtime.cachedResources.set("panels/css_overview/cssOverviewProcessingView.css","/**\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-processing-view {\n  overflow: hidden;\n  padding: 16px;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n}\n\n.overview-processing-view h1 {\n  font-size: 16px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding: 8px;\n}\n\n.overview-processing-view h2 {\n  font-size: 12px;\n  text-align: center;\n  font-weight: normal;\n  margin: 0;\n  padding-top: 32px;\n}\n\n/*# sourceURL=panels/css_overview/cssOverviewProcessingView.css */");RootModule.Runtime.cachedResources.set("panels/css_overview/cssOverviewCompletedView.css","/**\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 0;\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  cursor: pointer;\n}\n\n.block-title {\n  padding-top: 4px;\n  font-size: 12px;\n  color: var(--color-text-primary);\n  text-transform: uppercase;\n  letter-spacing: 0;\n}\n\n.results-section {\n  flex-shrink: 0;\n  border-bottom: 1px solid var(--color-details-hairline);\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 0;\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);\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);\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: 1fr 1fr 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 0;\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 0;\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(--color-background);\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: baseline;\n}\n\n.contrast-warning .threshold-label {\n  font-weight: normal;\n  width: 30px;\n}\n\n.contrast-warning [is=ui-icon] {\n  margin-left: 5px;\n}\n\n.contrast-preview {\n  padding: 0 5px;\n}\n\n.contrast-container-in-grid {\n  display: flex;\n  align-items: baseline;\n}\n\n.contrast-container-in-grid > * {\n  margin-right: 5px;\n  min-width: initial;\n}\n\n[is=ui-icon].smallicon-checkmark-square {\n  background-color: var(--color-green);\n}\n\n[is=ui-icon].smallicon-no {\n  background-color: var(--color-red);\n}\n\n.data .nodeId-column {\n  align-items: center;\n  display: flex;\n  height: 20px;\n}\n\n.show-element {\n  margin: 0 0 0 8px;\n  padding: 0;\n  background: none;\n  border: none;\n  -webkit-mask-image: var(--image-file-ic_show_node_16x16);\n  background-color: var(--color-background-elevation-1);\n  width: 16px;\n  height: 16px;\n  display: none;\n  cursor: pointer;\n  flex: none;\n}\n\n.show-element:focus,\n.show-element:hover {\n  background-color: var(--color-syntax-1);\n}\n\n.nodeId-column:focus-within .show-element,\n.nodeId-column:hover .show-element {\n  display: inline-block;\n}\n\n/*# sourceURL=panels/css_overview/cssOverviewCompletedView.css */");RootModule.Runtime.cachedResources.set("panels/css_overview/cssOverviewSidebarPanel.css","/**\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-sidebar-panel {\n  overflow: auto;\n  display: flex;\n  background: var(--color-background-elevation-1);\n}\n\n.overview-sidebar-panel-item {\n  height: 30px;\n  padding-left: 30px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--color-text-primary);\n}\n\n.overview-sidebar-panel-item:hover,\n.overview-sidebar-panel-item:focus {\n  background: var(--color-background-highlight);\n}\n\n.overview-sidebar-panel-item.selected {\n  background: var(--color-primary);\n  color: var(--color-background);\n}\n\n.overview-toolbar {\n  border-bottom: 1px solid var(--color-details-hairline);\n}\n\n/*# sourceURL=panels/css_overview/cssOverviewSidebarPanel.css */");