summaryrefslogtreecommitdiffstats
path: root/devtools/client/themes/fonts.css
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/themes/fonts.css')
-rw-r--r--devtools/client/themes/fonts.css128
1 files changed, 128 insertions, 0 deletions
diff --git a/devtools/client/themes/fonts.css b/devtools/client/themes/fonts.css
new file mode 100644
index 000000000..8305e34f3
--- /dev/null
+++ b/devtools/client/themes/fonts.css
@@ -0,0 +1,128 @@
+/* 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/. */
+
+#sidebar-panel-fontinspector {
+ margin: 0;
+ display: flex;
+ flex-direction: column;
+ padding-bottom: 20px;
+ width: 100%;
+ height: 100%;
+}
+
+#sidebar-panel-fontinspector > .devtools-toolbar {
+ display: flex;
+}
+
+#font-container {
+ overflow: auto;
+ flex: auto;
+}
+
+#all-fonts {
+ padding: 0;
+ margin: 0;
+}
+
+#font-showall {
+ cursor: pointer;
+ flex-shrink: 0;
+}
+
+#font-showall:hover {
+ text-decoration: underline;
+}
+
+.dim > #font-container,
+.font:not(.has-code) .font-css-code,
+.font-is-local,
+.font-is-remote,
+.font.is-local .font-format-url,
+#font-template {
+ display: none;
+}
+
+.font.is-remote .font-is-remote,
+.font.is-local .font-is-local {
+ display: inline;
+}
+
+.font-format::before {
+ content: "(";
+}
+
+.font-format::after {
+ content: ")";
+}
+
+.preview-input-toolbar {
+ display: flex;
+ width: 100%;
+}
+
+.font-preview-container {
+ overflow-x: auto;
+}
+
+#font-preview-text-input {
+ margin-top: 1px;
+ margin-bottom: 1px;
+ padding-top: 0;
+ padding-bottom: 0;
+ flex: 1;
+}
+
+.font {
+ padding: 10px 10px;
+}
+
+.theme-dark .font {
+ border-bottom: 1px solid #444;
+}
+
+.theme-light .font {
+ border-bottom: 1px solid #DDD;
+}
+
+.font:last-of-type {
+ border-bottom: 0;
+}
+
+.theme-light .font:nth-child(even) {
+ background: #F4F4F4;
+}
+
+.font-preview {
+ margin-left: -4px;
+ height: 60px;
+ display: block;
+}
+
+.font-info {
+ display: block;
+}
+
+.font-name {
+ display: inline;
+}
+
+.font-css-code {
+ max-width: 100%;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ padding: 5px;
+}
+
+.theme-light .font-css-code,
+.theme-light .font-url {
+ border: 1px solid #CCC;
+ background: white;
+}
+
+.theme-dark .font-css-code,
+.theme-dark .font-url {
+ border: 1px solid #333;
+ background: black;
+ color: white;
+}