diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /devtools/client/application/src/base.css | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'devtools/client/application/src/base.css')
-rw-r--r-- | devtools/client/application/src/base.css | 83 |
1 files changed, 83 insertions, 0 deletions
diff --git a/devtools/client/application/src/base.css b/devtools/client/application/src/base.css new file mode 100644 index 0000000000..4e7dcc8c2e --- /dev/null +++ b/devtools/client/application/src/base.css @@ -0,0 +1,83 @@ +/* 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/. */ + +:root { + /* Typography from Photon */ + /* See https://firefox-dev.tools/photon/visuals/typography.html */ + --caption-10-font-size: 11px; + --caption-10-font-weight: 400; + --body-10-font-size: 13px; + --body-10-font-weight: 400; + --body-20-font-size: 15px; + --body-20-font-weight: 400; + --body-20-font-weight-bold: 700; + --title-10-font-size: 13px; + --title-10-font-weight: 600; + --title-20-font-size: 17px; + --title-20-font-weight: 400; + --title-30-font-size: 22px; + + /* Global styles */ + --base-line-height: 1.8; + --list-line-height: 1.25; + + /* Global colours */ + --separator-color: var(--theme-splitter-color); + --bg-color: var(--theme-toolbar-background); + --highlight-color: var(--theme-toolbar-background-hover); + + /* extra, raw colors */ + --blue-50-a30: rgba(10, 132, 255, 0.3); + + /* Global layout vars */ + --base-unit: 4px; + + /* these are the color for icons in empty pages - note that these are not + available in devtools' variables.css */ + --dimmed-icon-color: #d3d3d3; +} + +:root.theme-dark { + --dimmed-icon-color: #484848; +} + +/* +* Reset some tags +*/ + +* { + box-sizing: border-box; +} + +body { + margin: 0; + padding: 0; + line-height: var(--base-line-height); +} + +ul { + line-height: var(--list-line-height); +} + +a { + color: var(--theme-highlight-blue); + text-decoration: underline; + cursor: pointer; +} + +p { + margin: 0; +} + +table { + border-spacing: 0; +} + +/* + * utility classes + */ + +.technical-text { + font-family: monospace; +} |