jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: factor out fonts to css variables.

Browse Source
This commit is contained in:
evazion
2020-08-16 15:01:28 -05:00
parent 4a111705a2
commit 44cbce9855
5 changed files with 13 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/javascript/src/styles/base/000_vars.scss
View File

@@ -5,6 +5,9 @@
--text-lg: 1.16667em; --text-lg: 1.16667em;
--text-xl: 1.5em; --text-xl: 1.5em;
--text-xxl: 2em; --text-xxl: 2em;
--header-font: Tahoma, Verdana, Helvetica, sans-serif;
--body-font: Verdana, Helvetica, sans-serif;
--monospace-font: 1.2em monospace;
} }
$h1_padding: 0.8em 0 0.25em 0; $h1_padding: 0.8em 0 0.25em 0;
@@ -12,9 +15,6 @@ $h2_padding: 0.8em 0 0.25em 0;
$h3_padding: 0.8em 0 0.25em 0; $h3_padding: 0.8em 0 0.25em 0;
$h4_padding: 0.8em 0 0.25em 0; $h4_padding: 0.8em 0 0.25em 0;
/* stylelint-disable-next-line value-keyword-case */
$base_font_family: Verdana, Helvetica, sans-serif;
@mixin animated-icon { @mixin animated-icon {
content: "►"; content: "►";
position: absolute; position: absolute;

11
app/javascript/src/styles/base/020_base.scss
View File

@@ -1,9 +1,7 @@
@import "../base/000_vars.scss";
body { body {
color: var(--text-color); color: var(--text-color);
background-color: var(--body-background-color); background-color: var(--body-background-color);
font-family: $base_font_family; font-family: var(--body-font);
font-size: 87.5%; font-size: 87.5%;
line-height: 1.25em; line-height: 1.25em;
} }
@@ -12,11 +10,6 @@ abbr[title=required] {
display: none; display: none;
} }
code {
font-family: monospace;
font-size: 1.2em;
}
dd { dd {
margin-bottom: 1em; margin-bottom: 1em;
} }
@@ -26,7 +19,7 @@ dt {
} }
h1, h2, h3, h4, h5, h6, .heading { h1, h2, h3, h4, h5, h6, .heading {
font-family: Tahoma, Verdana, Helvetica, sans-serif; font-family: var(--header-font);
font-weight: bold; font-weight: bold;
line-height: 1.5em; line-height: 1.5em;
color: var(--header-color); color: var(--header-color);

13
app/javascript/src/styles/common/dtext.scss
View File

@@ -57,12 +57,14 @@ div.prose {
list-style-type: disc; list-style-type: disc;
} }
code, pre {
font: var(--monospace-font);
background: var(--dtext-code-background);
}
pre { pre {
font-family: monospace;
font-size: 1.2em;
margin: 0.5em 0; margin: 0.5em 0;
padding: 0.5em 1em; padding: 0.5em 1em;
background: var(--dtext-code-background);
white-space: pre-wrap; white-space: pre-wrap;
} }
@@ -73,11 +75,6 @@ div.prose {
background: var(--dtext-blockquote-background); background: var(--dtext-blockquote-background);
} }
code {
font-family: monospace;
background: var(--dtext-code-background);
}
.tn { .tn {
font-size: 0.8em; font-size: 0.8em;
color: var(--muted-text-color); color: var(--muted-text-color);

6
app/javascript/src/styles/common/jquery_ui_custom.scss
View File

@@ -1,10 +1,8 @@
@import "../base/000_vars.scss";
.ui-widget { .ui-widget {
font-family: $base_font_family; font-family: var(--body-font);
input, select, textarea, button { input, select, textarea, button {
font-family: $base_font_family; font-family: var(--body-font);
} }
} }

3
app/javascript/src/styles/specific/error.scss
View File

@@ -1,6 +1,5 @@
ul.backtrace { ul.backtrace {
font-family: monospace; font: var(--monospace-font);
font-size: 1.2em;
background: var(--dtext-code-background); background: var(--dtext-code-background);
padding: 1em; padding: 1em;
margin-bottom: 1em; margin-bottom: 1em;