diff --git a/assets/style.css b/assets/style.css index 7c9d55a..fde2d9d 100644 --- a/assets/style.css +++ b/assets/style.css @@ -55,7 +55,7 @@ code { font-family: Kobata !important; font-weight: normal } .bg-white-orange, .bg-pink-orange, .bg-green-orange, .bg-lila-orange, .bg-orange-orange, .bg-black-orange { background-image: url("grid/orange.png") } .bg-white-black, .bg-pink-black, .bg-green-black, .bg-lila-black, .bg-orange-black, .bg-black-black { background-image: url("grid/black.png") } -@media (min-resolution: 2x) { +@media only screen and (min-resolution: 192dpi) { .bg-white-white, .bg-pink-white, .bg-green-white, .bg-lila-white, .bg-orange-white, .bg-black-white { background-image: url("grid/white@2x.png"); background-size: 105px 78px } .bg-white-pink, .bg-pink-pink, .bg-green-pink, .bg-lila-pink, .bg-orange-pink, .bg-black-pink { background-image: url("grid/pink@2x.png"); background-size: 105px 78px } .bg-white-green, .bg-pink-green, .bg-green-green, .bg-lila-green, .bg-orange-green, .bg-black-green { background-image: url("grid/green@2x.png"); background-size: 105px 78px } @@ -100,13 +100,17 @@ nav { display: none } nav { height: 100%; padding-top: 89pt !important; justify-content: space-between; flex-direction: column; box-sizing: border-box; } nav > div { margin-left: -2px } -#lang-switch { position: absolute; top: -3px; right: 0 } +#lang-switch { position: absolute; top: -7px; right: 0 } +#lang-switch a { line-height: 1rem !important } #content { position: relative; padding-bottom: calc(22pt + 40pt + 22pt) } -footer { background: var(--white); padding: 22pt; line-height: 1 !important; letter-spacing: 1.5rem; position: fixed; left: 0; right: 0; bottom: 0 } +footer { background: var(--white); padding: 22pt; position: fixed; left: 0; right: 0; bottom: 0; line-height: 1 !important; } +footer a { line-height: 1 !important; text-align-last: justify; display: block; white-space: nowrap; letter-spacing: 2.8vw } +@media (max-width: 1700px) { footer a { letter-spacing: 2vw } } +@media (max-width: 1200px) { footer a { letter-spacing: 1vw } } -.headline { padding-left: 179pt } -.content-footer { display:flex; justify-content: space-between } +.headline { padding: 22pt; padding-left: 179pt } +.content-footer { display:flex; justify-content: space-between; align-items: baseline } .content-footer-socials { display: flex; justify-content: space-between; align-items: center; width: 439px; } @media (max-width: 750px) { diff --git a/site/snippets/footer.php b/site/snippets/footer.php index ee40ff1..6fd3816 100644 --- a/site/snippets/footer.php +++ b/site/snippets/footer.php @@ -8,7 +8,7 @@ Newsletter -