add and fix some stuff
This commit is contained in:
parent
e986ed27a8
commit
b5e55f4be2
BIN
assets/firacode.ttf
Normal file
BIN
assets/firacode.ttf
Normal file
Binary file not shown.
BIN
assets/jetbrains.ttf
Executable file
BIN
assets/jetbrains.ttf
Executable file
Binary file not shown.
60
index.scss
60
index.scss
|
@ -1,4 +1,7 @@
|
|||
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap');
|
||||
@font-face {
|
||||
font-face: "JetBrains Mono";
|
||||
src: url("jetbrains.ttf") format("truetype");
|
||||
}
|
||||
|
||||
$bg-dark: #1e232b;
|
||||
$bg: #222831;
|
||||
|
@ -26,10 +29,14 @@ $cyan-bright: #57e3e2;
|
|||
body {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 2em 1em 4em !important;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
font-family: "Fira Code", monospace !important;
|
||||
font-family: "JetBrains Mono", monospace !important;
|
||||
}
|
||||
|
||||
body {
|
||||
|
@ -39,16 +46,15 @@ body {
|
|||
position: relative;
|
||||
color: $fg;
|
||||
overflow: hidden;
|
||||
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0;
|
||||
background: transparent;
|
||||
width: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
html {
|
||||
scrollbar-width: none;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
|
||||
a, a:link, a:visited {
|
||||
|
@ -65,9 +71,7 @@ a:active {
|
|||
}
|
||||
|
||||
main {
|
||||
// padding-left: calc(7.5em);
|
||||
padding: 2em 1em 0em;
|
||||
// width: calc(100% - 7.5em);
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
|
||||
|
@ -80,7 +84,6 @@ main {
|
|||
bottom: 0.5em;
|
||||
position: absolute;
|
||||
padding: 4px;
|
||||
// background-color: $bg-dark;
|
||||
color: $fg-dark;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
@ -102,42 +105,3 @@ h2 {
|
|||
font-size: 1.25em;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
|
||||
// nav {
|
||||
// width: 7.5em;
|
||||
// height: 100%;
|
||||
// padding: 10px 0px;
|
||||
// background-color: $bg-dark;
|
||||
// position: absolute;
|
||||
|
||||
// ul {
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
// align-items: center;
|
||||
// flex-direction: column;
|
||||
// gap: 4px;
|
||||
|
||||
// .header {
|
||||
// width: 80%;
|
||||
// text-align: center;
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// footer {
|
||||
// width: 100%;
|
||||
// position: absolute;
|
||||
// bottom: 0;
|
||||
// transform: scale(-1, 1);
|
||||
// display: flex;
|
||||
// justify-content: center;
|
||||
|
||||
// div {
|
||||
// font-family: "Source Code Pro";
|
||||
// line-height: 1.3em;
|
||||
// white-space: pre;
|
||||
// position: relative;
|
||||
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
|
Loading…
Reference in a new issue