improvement: limit max size

Fixes #1
This commit is contained in:
Kazhnuz 2020-12-27 17:42:26 +01:00
parent f612838b6b
commit ca2cca3e1b

View file

@ -12,23 +12,10 @@
} }
@mixin container-big() { @mixin container-big() {
padding-left: $lineheight/2; padding-left: $lineheight;
padding-right: $lineheight/2; padding-right: $lineheight;
max-width: 1600px;
@include sm() { margin:auto;
padding-left: $lineheight;
padding-right: $lineheight;
}
@include lg() {
padding-left: $lineheight*2;
padding-right: $lineheight*2;
}
@include xxl() {
padding-left: $lineheight*3;
padding-right: $lineheight*3;
}
} }
.no-pills { .no-pills {
@ -46,10 +33,10 @@
#page-header { #page-header {
background: $color-turquoise url('img/background.png') center bottom repeat-x; background: $color-turquoise url('img/background.png') center bottom repeat-x;
border-top: 6px solid $color-dark2; border-top: 6px solid $color-dark2;
@include container-big();
padding-bottom:3rem; padding-bottom:3rem;
.header-collumns { .header-collumns {
@include container-big();
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
grid-template-areas: grid-template-areas:
@ -226,7 +213,7 @@ body {
footer { footer {
color: $color-footer-text; color: $color-footer-text;
margin-top:1.5rem; padding-top:1.5rem;
@include container-big(); @include container-big();
font-size: 0.8rem!important; font-size: 0.8rem!important;
padding-bottom:1.5rem; padding-bottom:1.5rem;