Remove unsemantic wrapper
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2020-11-24 19:31:03 +01:00
parent 97846757cd
commit 881d8310f6
3 changed files with 14 additions and 14 deletions

5
assets/_mixins.scss Normal file
View File

@ -0,0 +1,5 @@
@mixin heading {
font-family: Orbitron, sans-serif;
font-weight: 900;
text-transform: uppercase;
}

View File

@ -1,5 +1,6 @@
@import 'fonts'; @import 'fonts';
@import 'colors'; @import 'colors';
@import 'mixins';
* { * {
font-family: Montserrat, sans-serif; font-family: Montserrat, sans-serif;
@ -22,8 +23,11 @@ header {
} }
main { main {
width: 100%;
max-width: 1200px; max-width: 1200px;
margin: auto; margin: auto;
flex-grow: 1;
} }
footer { footer {
@ -37,9 +41,7 @@ h1, h2, h3, h4, h5, h6, p {
} }
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: Orbitron, sans-serif; @include heading;
font-weight: 900;
text-transform: uppercase;
} }
h1 { h1 {
@ -64,10 +66,6 @@ figure {
} }
} }
.wrapper {
flex: 1;
}
.nav { .nav {
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
@ -91,9 +89,8 @@ figure {
} }
.nav-logo { .nav-logo {
font-family: Orbitron, sans-serif; @include heading;
font-weight: 900;
text-transform: uppercase;
margin: 0 auto; margin: 0 auto;
@media screen and (min-width: 800px) { @media screen and (min-width: 800px) {
@ -101,9 +98,9 @@ figure {
} }
img { img {
width: 64px; width: 48px;
display: inline-block; display: inline-block;
padding-right: 1em; margin-right: 1em;
vertical-align: middle; vertical-align: middle;
} }
} }

View File

@ -26,10 +26,8 @@
{{ end }} {{ end }}
</nav> </nav>
</header> </header>
<div class="wrapper">
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}
</div>
<footer> <footer>
<a href="/imprint">{{ i18n "imprint" }}</a> <a href="/imprint">{{ i18n "imprint" }}</a>
</footer> </footer>