Compare commits
3 commits
a7725358f8
...
2e9014d19e
Author | SHA1 | Date | |
---|---|---|---|
2e9014d19e | |||
1ca4b59bb9 | |||
4e14111e13 |
6 changed files with 68 additions and 42 deletions
24
src/common/fonts/IBMPlexMono.css
Normal file
24
src/common/fonts/IBMPlexMono.css
Normal file
|
@ -0,0 +1,24 @@
|
|||
@font-face {
|
||||
font-family: 'IBM Plex Mono';
|
||||
src: url("IBMPlexMono/Regular.woff2") format("woff2");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Mono';
|
||||
src: url("IBMPlexMono/Bold.woff2") format("woff2");
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Mono';
|
||||
src: url("IBMPlexMono/Italic.woff2") format("woff2");
|
||||
font-weight: normal;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'IBM Plex Mono';
|
||||
src: url("IBMPlexMono/BoldItalic.woff2") format("woff2");
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
BIN
src/common/fonts/IBMPlexMono/Bold.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/Bold.woff2
Normal file
Binary file not shown.
BIN
src/common/fonts/IBMPlexMono/BoldItalic.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/BoldItalic.woff2
Normal file
Binary file not shown.
BIN
src/common/fonts/IBMPlexMono/Italic.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/Italic.woff2
Normal file
Binary file not shown.
BIN
src/common/fonts/IBMPlexMono/Regular.woff2
Normal file
BIN
src/common/fonts/IBMPlexMono/Regular.woff2
Normal file
Binary file not shown.
|
@ -1,42 +1,44 @@
|
|||
body {
|
||||
font-family: "IBM Plex Mono", monospace;
|
||||
color: lightgray;
|
||||
background: #161616;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 600;
|
||||
color: #f1c21b;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #ff832b;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #fddc69;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #fcf4d6;
|
||||
}
|
||||
|
||||
h1#construction {
|
||||
color: #f1c21b;
|
||||
}
|
||||
|
||||
header {
|
||||
max-width: 30rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 50rem;
|
||||
}
|
||||
@import "common/fonts/IBMPlexMono.css";
|
||||
|
||||
body {
|
||||
font-family: "IBM Plex Mono", monospace;
|
||||
color: lightgray;
|
||||
background: #161616;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 600;
|
||||
color: #f1c21b;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #ff832b;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #fddc69;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: #fcf4d6;
|
||||
}
|
||||
|
||||
h1#construction {
|
||||
color: #f1c21b;
|
||||
}
|
||||
|
||||
header {
|
||||
max-width: 30rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 50rem;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue