Use CSS Variables for fonts, remove postcss-loader (#13204)

* Use CSS Variables for fonts, remove postcss-loader

- Use CSS variables for fonts, making the fonts easier to customize
- Remove postcss-loader, it's not doing anything useful and is actually
  applying strange transforms on our CSS.

Fixes: https://github.com/go-gitea/gitea/issues/11045

* introduce helper variable, mark documented vars

* work around case issue by always quoting specific fonts
This commit is contained in:
silverwind 2020-10-19 22:01:06 +02:00 committed by GitHub
parent d67172b136
commit 3ddf3f93d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 120 additions and 659 deletions

View file

@ -545,7 +545,7 @@
.branch-name {
display: inline-block;
padding: 3px 6px;
font: 12px @monospaced-fonts, monospace;
font: 12px var(--fonts-monospace);
color: rgba(0, 0, 0, .65);
background-color: rgba(209, 227, 237, .45);
border-radius: 3px;
@ -1162,7 +1162,7 @@
textarea {
height: 200px;
font-family: @monospaced-fonts, monospace;
font-family: var(--fonts-monospace);
}
}
@ -1277,7 +1277,7 @@
textarea {
height: 200px;
font-family: @monospaced-fonts, monospace;
font-family: var(--fonts-monospace);
}
}
}
@ -2096,7 +2096,7 @@
&.new {
.CodeMirror {
.CodeMirror-code {
font-family: @monospaced-fonts, monospace;
font-family: var(--fonts-monospace);
.cm-comment {
background: inherit;