base.css (1669B)
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 :root { 6 /* Typography from Photon */ 7 /* See https://firefox-dev.tools/photon/visuals/typography.html */ 8 --caption-10-font-size: 11px; 9 --caption-10-font-weight: 400; 10 --body-10-font-size: 13px; 11 --body-10-font-weight: 400; 12 --body-20-font-size: 15px; 13 --body-20-font-weight: 400; 14 --body-20-font-weight-bold: 700; 15 --title-10-font-size: 13px; 16 --title-10-font-weight: 600; 17 --title-20-font-size: 17px; 18 --title-20-font-weight: 400; 19 --title-30-font-size: 22px; 20 21 /* Global styles */ 22 --base-line-height: 1.8; 23 --list-line-height: 1.25; 24 25 /* Global colours */ 26 --separator-color: var(--theme-splitter-color); 27 --bg-color: var(--theme-toolbar-background); 28 --highlight-color: var(--theme-toolbar-background-hover); 29 30 /* extra, raw colors */ 31 --blue-50-a30: rgba(10, 132, 255, 0.3); 32 33 /* Global layout vars */ 34 --base-unit: 4px; 35 36 /* these are the color for icons in empty pages - note that these are not 37 available in devtools' variables.css */ 38 --dimmed-icon-color: #d3d3d3; 39 } 40 41 :root.theme-dark { 42 --dimmed-icon-color: #484848; 43 } 44 45 /* 46 * Reset some tags 47 */ 48 49 * { 50 box-sizing: border-box; 51 } 52 53 body { 54 margin: 0; 55 padding: 0; 56 line-height: var(--base-line-height); 57 } 58 59 ul { 60 line-height: var(--list-line-height); 61 } 62 63 a { 64 color: var(--theme-link-color); 65 text-decoration: underline; 66 cursor: pointer; 67 } 68 69 p { 70 margin: 0; 71 } 72 73 table { 74 border-spacing: 0; 75 } 76 77 /* 78 * utility classes 79 */ 80 81 .technical-text { 82 font-family: monospace; 83 }