Add styling

This commit is contained in:
Simon V. Lejel 2022-03-11 18:11:38 +01:00
parent 925164e21d
commit f5fe17fa5c
3 changed files with 58 additions and 0 deletions

26
static/css/styles.css Normal file
View file

@ -0,0 +1,26 @@
body {
background-image: url("/random");
height: 100vh;
width: 100vw;
}
body nav {
display: flex;
flex-direction: row;
justify-content: center;
background: rgba(0, 0, 0, 0.4);
width: 100vw;
padding: 0 20px;
}
body nav ul > li {
color: white;
}
body nav ul > li :hover {
color: #13678A;
animation: ease-in;
}
body h1 {
margin: auto;
text-align: center;
}
/*# sourceMappingURL=styles.css.map */

View file

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE,OAnBD;EAoBC;;AAKN;EACE;EACA","file":"styles.css"}

View file

@ -0,0 +1,31 @@
// Variables
$blue: #13678A;
body {
background-image: url("/random");
height: 100vh;
width: 100vw;
nav {
display: flex;
flex-direction: row;
justify-content: center;
background: rgba(0, 0, 0, 0.4);
width: 100vw;
padding: 0 20px;
ul > li {
color: white;
:hover {
color: $blue;
animation: ease-in;
}
}
}
h1 {
margin: auto;
text-align: center;
}
}