/* vim:set ts=2 sw=2 sts=2 et: */ /* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this file, * You can obtain one at http://mozilla.org/MPL/2.0/. */ /** * Frame Component * Styles for React component at `devtools/client/shared/components/frame.js` */ .frame-link { margin-left: 7px; display: flex; } .frame-link .frame-link-source { display: flex; } .frame-link a.frame-link-source { cursor: pointer; text-decoration: none; } .frame-link a.frame-link-source:hover { text-decoration: underline; } .frame-link .frame-link-filename { color: var(--theme-highlight-blue); text-overflow: ellipsis; overflow: hidden; flex: 1; text-align: right; /* overrides styling some tools have with anchors */ text-decoration: none; font-style: normal; } .frame-link .frame-link-host { margin-inline-start: 5px; font-size: 90%; color: var(--theme-content-color2); } .frame-link .frame-link-function-display-name { margin-inline-end: 5px; } .frame-link .frame-link-column, .frame-link .frame-link-line, .frame-link .frame-link-colon { color: var(--theme-highlight-orange); display: block; } .focused .frame-link .frame-link-filename, .focused .frame-link .frame-link-column, .focused .frame-link .frame-link-line, .focused .frame-link .frame-link-host, .focused .frame-link .frame-link-colon { color: var(--theme-selection-color); }