From 0f22e2021c821f49abfad07f5217a2031e958364 Mon Sep 17 00:00:00 2001 From: Commander1024 Date: Wed, 9 Sep 2020 22:06:08 +0200 Subject: [PATCH] Pulled footer frontend changes. --- lostplaces/lostplaces_app/static/main.css | 34 +++---- .../templates/partials/nav/footer.html | 96 +++++++++---------- 2 files changed, 66 insertions(+), 64 deletions(-) diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css index e164c0f..154a36f 100644 --- a/lostplaces/lostplaces_app/static/main.css +++ b/lostplaces/lostplaces_app/static/main.css @@ -1245,7 +1245,15 @@ body { background: #565656; width: 100%; font-family: "Montserrat", Helvetica, sans-serif; - font-size: 0.75rem; } + font-size: 1rem; } + .LP-FooterColumns__Container { + width: 100%; + display: flex; + flex-direction: row; + justify-content: space-evenly; + flex-wrap: wrap; } + .LP-FooterColumns__Item { + flex-grow: 1; } .LP-Footer * { box-sizing: border-box; } .LP-Footer ul { @@ -1258,24 +1266,18 @@ body { color: #f9f9f9; } .LP-Footer__Flex { display: flex; - flex-flow: row wrap; - margin-top: 5em; } + flex-flow: row wrap; } .LP-Footer__ListTop { - text-align: center; - width: 33.333%; } + text-align: left; } .LP-Footer__ListTop > li { padding-bottom: 10px; } .LP-Footer__ListHeader { padding: 10px 0 5px 0; color: #f9f9f9; font-size: 2.3vw; } - .LP-Footer__ListAnchor { - font-size: 1.3em; } .LP-Footer__ListText { - font-size: 1.3em; + font-size: 1.2em; color: #f9f9f9; } - .LP-Footer__ListText-left { - text-align: left; } .LP-Footer__SocialSection { width: 100%; align-items: center; @@ -1317,10 +1319,10 @@ body { .LP-Footer__SocialExplore { display: flex; align-items: center; - font-size: 3.5em; + font-size: 2.5em; color: #f9f9f9; } .LP-Footer__SocialSmall { - font-size: 0.6em; + font-size: 0.5em; padding: 0px 20px; } .LP-Footer__SocialOverlap { position: relative; @@ -1338,13 +1340,13 @@ body { .LP-Footer__BottomSection > div:first-child { margin-right: auto; } .LP-Footer__BottomWrapper { - font-size: 1.5em; + font-size: 1.3em; color: #f9f9f9; } @media (max-width: 1000px) { .LP-Footer__ListHeader { font-size: 2em; } - .LP-Footer__ListAnchor { + .LP-Footer__ListText { font-size: 1.1em; } .LP-Footer__SocialConnect { font-size: 2.5em; } @@ -1359,7 +1361,7 @@ body { width: 100%; } .LP-Footer__ListHeader { font-size: 3em; } - .LP-Footer__ListAnchor { + .LP-Footer__ListText { font-size: 1.5em; } .LP-Footer__SocialSection { justify-content: center; } @@ -1395,7 +1397,7 @@ body { @media (max-width: 450px) { .LP-Footer__ListHeader { font-size: 2.2em; } - .LP-Footer__ListAnchor { + .LP-Footer__ListText { font-size: 1.2em; } .LP-Footer__SocialConnect { font-size: 2.4em; } diff --git a/lostplaces/lostplaces_app/templates/partials/nav/footer.html b/lostplaces/lostplaces_app/templates/partials/nav/footer.html index 341064e..81cffa5 100644 --- a/lostplaces/lostplaces_app/templates/partials/nav/footer.html +++ b/lostplaces/lostplaces_app/templates/partials/nav/footer.html @@ -1,72 +1,72 @@ -