refactor(styles): use JetBrains Mono variable

- Remove Google fonts' "JetBrains Mono" as it didn't support variable
  and add the variable ttf for it

Signed-off-by: Akshit Garg <garg.akshit@gmail.com>
This commit is contained in:
Akshit Garg committed 2021-08-21 18:01:27 +05:30
1 parent 0ed4427322
commit 8c99eb04a4
4 files changed
+25 -20

No files matched your search

+24 -17
View File
@@ -3,11 +3,18 @@
@import "tailwindcss/components";
@import "tailwindcss/utilities";
@font-face {
font-family: "JetBrains Mono";
src: url(/fonts/jetbrains_mono_variable.ttf);
font-weight: 100 1000;
font-stretch: 25% 151%;
}
* {
font-family: "JetBrains Mono", monospace;
color: white;
font-size: 14px;
font-weight: bold;
font-size: 14px;
font-weight: bold;
}
html,
@@ -17,7 +24,7 @@ body {
}
a:hover {
color: #ff9800
color: #ff9800;
}
header {
@@ -29,31 +36,31 @@ code {
}
code {
white-space: pre;
font-size: 14px;
font-weight: bold;
white-space: pre;
font-size: 14px;
font-weight: bold;
}
textarea {
font-size: 14px;
font-weight: bold;
font-size: 14px;
font-weight: bold;
}
.alert {
width: 100%;
text-align: center;
width: 100%;
text-align: center;
}
.alert-info {
background-color: #1ed98e;
color: black;
font-weight: bold;
background-color: #1ed98e;
color: black;
font-weight: bold;
}
.alert-danger {
background-color: #ff9800;
color: black;
font-weight: bold;
background-color: #ff9800;
color: black;
font-weight: bold;
}
@import './highlight.css';
@import "./highlight.css";