InlinePreview.css (1433B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */ 4 5 .inline-preview { 6 display: inline-block; 7 margin-inline-start: 8px; 8 user-select: none; 9 } 10 11 .inline-preview-outer { 12 background-color: var(--theme-inline-preview-background); 13 border: 1px solid var(--theme-inline-preview-border-color); 14 border-radius: 3px; 15 font-size: 10px; 16 margin-right: 5px; 17 white-space: nowrap; 18 } 19 20 .inline-preview-label { 21 padding-inline: 2px; 22 border-radius: 2px 0 0 2px; 23 24 &.paused { 25 color: var(--theme-inline-preview-label-pause-color); 26 background-color: var(--theme-inline-preview-label-pause-background); 27 } 28 29 &.trace { 30 color: var(--theme-inline-preview-label-trace-color); 31 background-color: var(--theme-inline-preview-label-trace-background); 32 33 &::before { 34 content: ""; 35 display: inline-block; 36 width: 12px; 37 height: 12px; 38 padding: 0 4px; 39 margin-top: -1px; 40 vertical-align: middle; 41 42 background-image: url("chrome://devtools/content/debugger/images/trace.svg"); 43 background-size: contain; 44 background-repeat: no-repeat; 45 background-position: center; 46 47 -moz-context-properties: fill; 48 fill: var(--theme-inline-preview-label-trace-color); 49 } 50 } 51 } 52 53 .inline-preview-value { 54 padding: 2px 6px; 55 }