UNPKG

chrome-devtools-frontend

Version:
159 lines (131 loc) 3.14 kB
/* * Copyright 2018 The Chromium Authors. All rights reserved. * Use of this source code is governed by a BSD-style license that can be * found in the LICENSE file. */ /* <3 */ .lighthouse-start-view { font-family: Roboto, sans-serif; font-size: var(--font-size); line-height: 18px; padding: 24px; overflow: auto; height: 100%; /* for buttons */ --legacy-accent-color: #0535c1; --legacy-accent-color-hover: #17b; --font-size: 14px; --report-font-family: roboto, helvetica, arial, sans-serif; } .lighthouse-start-view header { display: flex; font-size: 18px; flex-direction: row; align-items: center; column-gap: 16px; margin-bottom: 16px; } .lighthouse-logo { width: 75px; height: 75px; flex-shrink: 0; background-repeat: no-repeat; background-size: contain; background-image: var(--image-file-lighthouse_logo); } .lighthouse-start-view .lighthouse-logo { width: 45px; height: 45px; } .lighthouse-form-section { padding: 8px; flex: 1 1; } .lighthouse-form-section-label { margin: 7px 0; font-weight: 500; } .lighthouse-form-section-label i span { position: relative; top: -2px; } .lighthouse-form-section-label span.largeicon-checkmark { top: -4px; } .lighthouse-form-section-label .lighthouse-learn-more { margin: 20px; } .lighthouse-radio { display: flex; align-items: center; } input[type="radio"]:focus { outline-width: 2px; } :host-context(.-theme-with-dark-background) input[type="radio"] { accent-color: var(--color-checkbox-accent-color); } .lighthouse-radio-text { margin-left: 3px; } .lighthouse-start-button-container { align-items: center; } .lighthouse-start-view header.hbox .lighthouse-start-button-container { margin-left: auto; } .lighthouse-start-view header.vbox .lighthouse-title { text-align: center; } .lighthouse-start-button-container button { margin: 16px auto; font-family: var(--report-font-family); font-weight: 500; font-size: var(--font-size); } .lighthouse-start-button-container button:disabled { cursor: not-allowed; } .lighthouse-launcher-row, .lighthouse-radio { margin-bottom: 6px; } .lighthouse-launcher-row:last-of-type, .lighthouse-radio:last-of-type { margin-bottom: 0; } .lighthouse-launcher-row .dimmed { padding-left: 22px; } .lighthouse-help-text { text-align: center; color: #f00; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */ font-weight: bold; padding-left: 10px; } .lighthouse-warning-text { text-align: left; color: #ff8c00; /* stylelint-disable-line plugin/use_theme_colors */ /* See: crbug.com/1152736 for color variable migration. */ font-weight: bold; padding-left: 10px; padding-top: 10px; } .lighthouse-warning-text::before { content: "⚠"; margin-right: 10px; } .lighthouse-options { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; } .lighthouse-options.narrow { grid-template-columns: 1fr; grid-template-rows: auto auto auto; } .lighthouse-options.wide { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; }