[Glitch] Separate font-family into variable

Port d0d65b5a28 to glitch-soc
This commit is contained in:
Thibaut Girka
2018-10-01 13:13:58 +02:00
parent 24d05c7a50
commit 36d426cec9
8 changed files with 39 additions and 35 deletions

View File

@@ -6,7 +6,7 @@
}
body {
font-family: 'mastodon-font-sans-serif', sans-serif;
font-family: $font-sans-serif, sans-serif;
background: darken($ui-base-color, 8%);
font-size: 13px;
line-height: 18px;
@@ -29,8 +29,8 @@ body {
// Fira Sans => Firefox OS
// Droid Sans => Older Androids (<4.0)
// Helvetica Neue => Older macOS <10.11
// mastodon-font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", mastodon-font-sans-serif, sans-serif;
// $font-sans-serif => web-font (Roboto) fallback and newer Androids (>=4.0)
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", $font-sans-serif, sans-serif;
}
&.app-body {