From 250dc442731db7a87b1848eff91c54561e53a1fa Mon Sep 17 00:00:00 2001 From: Commander1024 Date: Wed, 9 Sep 2020 21:57:51 +0200 Subject: [PATCH] Footer refactoring. --- components/03_Organisms/footer/_footer.scss | 40 +++++++++--------- components/03_Organisms/footer/footer.hbs | 45 +++++++++++---------- public/main.css | 34 ++++++++-------- 3 files changed, 62 insertions(+), 57 deletions(-) diff --git a/components/03_Organisms/footer/_footer.scss b/components/03_Organisms/footer/_footer.scss index f369d72..2c69c92 100644 --- a/components/03_Organisms/footer/_footer.scss +++ b/components/03_Organisms/footer/_footer.scss @@ -7,7 +7,19 @@ $-primary-line-color: $-almost-white; background: $-grey; width: 100%; font-family: $-primary-sans-serif-font; - font-size: 0.75rem; + font-size: 1rem; + + &Columns__Container { + width: 100%; + display: flex; + flex-direction: row; + justify-content: space-evenly; + flex-wrap: wrap; + } + + &Columns__Item { + flex-grow: 1; + } * { box-sizing: border-box; @@ -33,12 +45,10 @@ $-primary-line-color: $-almost-white; &__Flex { display: flex; flex-flow: row wrap; - margin-top: 5em; } &__ListTop { - text-align: center; - width: 33.333%; + text-align: left; } &__ListTop > li { @@ -51,19 +61,11 @@ $-primary-line-color: $-almost-white; font-size: 2.3vw; } - &__ListAnchor { - font-size: 1.3em; - } - &__ListText { - font-size: 1.3em; + font-size: 1.2em; color: $-almost-white; } - &__ListText-left { - text-align: left; - } - &__SocialSection { width: 100%; align-items: center; @@ -146,13 +148,13 @@ $-primary-line-color: $-almost-white; &__SocialExplore { display: flex; align-items: center; - font-size: 3.5em; + font-size: 2.5em; color: $-almost-white; } // Small letters of "EXPLORE WITH US" &__SocialSmall { - font-size: 0.6em; + font-size: 0.5em; padding: 0px 20px; } @@ -180,7 +182,7 @@ $-primary-line-color: $-almost-white; } &__BottomWrapper { - font-size: 1.5em; + font-size: 1.3em; color: $-almost-white; } } @@ -190,7 +192,7 @@ $-primary-line-color: $-almost-white; .LP-Footer__ListHeader { font-size: 2em; } - .LP-Footer__ListAnchor { + .LP-Footer__ListText { font-size: 1.1em; } .LP-Footer__SocialConnect { @@ -212,7 +214,7 @@ $-primary-line-color: $-almost-white; .LP-Footer__ListHeader { font-size: 3em; } - .LP-Footer__ListAnchor { + .LP-Footer__ListText { font-size: 1.5em; } .LP-Footer__SocialSection { @@ -263,7 +265,7 @@ $-primary-line-color: $-almost-white; .LP-Footer__ListHeader { font-size: 2.2em; } - .LP-Footer__ListAnchor { + .LP-Footer__ListText { font-size: 1.2em; } .LP-Footer__SocialConnect { diff --git a/components/03_Organisms/footer/footer.hbs b/components/03_Organisms/footer/footer.hbs index 1ef537a..1d5976f 100644 --- a/components/03_Organisms/footer/footer.hbs +++ b/components/03_Organisms/footer/footer.hbs @@ -1,25 +1,26 @@ -