UNPKG

chrome-devtools-frontend

Version:
72 lines (58 loc) 1.42 kB
/* * Copyright 2021 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. */ :host { white-space: normal; display: inline-block; } .icon-button { border: none; margin-right: 2px; display: inline-flex; align-items: center; color: inherit; font-size: inherit; font-family: inherit; background-color: var(--color-background-elevation-1); } .icon-button.with-click-handler { border: 1px solid var(--color-details-hairline); border-radius: 2px; padding: 0 4px; } .icon-button.with-click-handler:hover { background-color: var(--legacy-toolbar-hover-bg-color); } .icon-button.icon-button.with-click-handler:active { background-color: var(--color-background-elevation-1); } .icon-button:focus-visible { background-color: var(--legacy-toolbar-hover-bg-color); border: 1px solid var(--color-details-hairline); } .icon-button-title { margin-left: 0.5ex; } .compact .icon-button-title { display: none; } .status-icon { margin-left: 1ex; } .status-icon:first-child { margin-left: inherit; } @media (forced-colors: active) { .icon-button { forced-color-adjust: none; background-color: ButtonFace; } .icon-button:focus-visible, .icon-button.with-click-handler:hover { background-color: Highlight; color: HighlightText; --icon-color: HighlightText; } }