fix: moved scss and css to seperate file, fixed overflow

chore: added folders to gitignore

Signed-off-by: moonleay <contact@moonleay.net>
This commit is contained in:
moonleay 2023-11-09 18:06:03 +01:00
parent 906ca7806e
commit ab864e0247
10 changed files with 250 additions and 244 deletions

View file

@ -1,6 +1,8 @@
---
import Footer from "@components/Footer.astro";
import NavBar from "@components/NavBar.astro";
import '../styles/Layout.scss';
import '../styles/GlobalLayout.css'
---
<!doctype html>
@ -24,61 +26,3 @@ import NavBar from "@components/NavBar.astro";
<Footer />
</body>
</html>
<style lang="scss">
.contentDiv {
display: flex;
flex-direction: column;
margin-bottom: auto;
}
</style>
<style is:global>
@font-face {
font-family: "Splatoon";
font-style: normal;
font-weight: 400;
src:
url("/assets/fonts/Splatoon2-common.woff2") format("woff2"),
url("/assets/fonts/Splatoon2-common.woff") format("woff");
}
:root {
--foreground-rgb: 255, 255, 255;
font-family: "Splatoon", sans-serif;
}
body {
color: rgb(var(--foreground-rgb));
background-color: black;
background-image: url("https://static.moonleay.net/img/lilJuddWeb/bgs/bg.jpg");
background-repeat: repeat;
background-size: 300px;
background-position: center;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body a,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
li,
ul {
font-family: "Splatoon", sans-serif;
}
li {
list-style-type: none;
}
a {
text-decoration: none;
color: inherit;
}
</style>