Add normalize.css and fix some basic styling

This commit is contained in:
Melvin Valster
2019-07-27 00:04:46 +02:00
parent 12702d7592
commit 4bb325cd9a
6 changed files with 386 additions and 31 deletions
+23 -28
View File
@@ -1,12 +1,8 @@
@import "sass/config";
@import "sass/normalize";
.main {
min-height: 85vh;
}
html, body {
padding: 0;
height: 0;
*, *:before, *:after {
box-sizing: border-box;
}
body {
@@ -15,7 +11,6 @@ body {
font-family: Verdana;
}
// Normalize etc.
ul {
margin: 0;
}
@@ -29,19 +24,6 @@ a {
}
}
.container {
max-width: 900px;
margin: 0 auto;
}
.inline-items {
display: flex;
& > * {
margin-right: 1em;
}
}
.yellow { color: $color-yellow; }
.green { color: $quality-2; }
@@ -53,15 +35,28 @@ a {
}
}
.calculator {
&__points {
color: white;
text-align: center;
}
.App {
min-height: 100vh;
}
.index__class-picker {
margin: 2em 0;
main {
display: flex;
flex-direction: column;
min-height: 90vh;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 0 1em;
}
.inline-items {
display: flex;
& > * {
margin-right: 1em;
}
}
footer {