Add styling
This commit is contained in:
parent
925164e21d
commit
f5fe17fa5c
3 changed files with 58 additions and 0 deletions
26
static/css/styles.css
Normal file
26
static/css/styles.css
Normal 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 */
|
1
static/css/styles.css.map
Normal file
1
static/css/styles.css.map
Normal 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"}
|
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue