diff --git a/components/03_Organisms/footer/_footer.scss b/components/03_Organisms/footer/_footer.scss index a6006fa..42a87e7 100644 --- a/components/03_Organisms/footer/_footer.scss +++ b/components/03_Organisms/footer/_footer.scss @@ -10,22 +10,22 @@ $-primary-line-color: $-almost-white; font-size: 0.75rem; * { - box-sizing: border-box + box-sizing: border-box; } ul { - list-style: none + list-style: none; } a { - text-decoration: none + text-decoration: none; } &__generic-anchor { color: $-primary-link-color; &:hover { - color: $-primary-line-color + color: $-primary-line-color; } } @@ -36,12 +36,12 @@ $-primary-line-color: $-almost-white; } &__list-top { - width: 33.333% + width: 33.333%; } &__list-top > li { text-align: center; - padding-bottom: 10px + padding-bottom: 10px; } &__list-header { @@ -69,7 +69,7 @@ $-primary-line-color: $-almost-white; top: 50%; left: 10px; border-top: 1px solid $-primary-line-color; - width: calc(100% - 20px) + width: calc(100% - 20px); } // Include social media icons. @@ -121,7 +121,6 @@ $-primary-line-color: $-almost-white; } } - // !! WIP and broken Wurstwasser !! // Social media icons style. .LP-Footer__Icon { background-size: 40px 40px; @@ -131,7 +130,6 @@ $-primary-line-color: $-almost-white; position: absolute; height: 50px; width: 50px; - filter: invert(1); // Bullshit, have to properly style the svg. } // Big letters of "EXPLORE WITH US" @@ -139,13 +137,13 @@ $-primary-line-color: $-almost-white; display: flex; align-items: center; font-size: 3.5em; - color: $-almost-white + color: $-almost-white; } // Small letters of "EXPLORE WITH US" &__social-small { font-size: 0.6em; - padding: 0px 20px + padding: 0px 20px; } &__social-overlap { @@ -164,57 +162,57 @@ $-primary-line-color: $-almost-white; width: 100%; padding: 10px; border-top: 1px solid $-primary-line-color; - margin-top: 10px + margin-top: 10px; } &__bottom-section > div:first-child { - margin-right: auto + margin-right: auto; } &__bottom-wrapper { font-size: 1.5em; - color: $-almost-white + color: $-almost-white; } // Media queries using global widths. @media(max-width: $-viewport-normal) { .LP-Footer__list-header { - font-size: 2em + font-size: 2em; } .LP-Footer__list-anchor { - font-size: 1.1em + font-size: 1.1em; } .LP-Footer__social-connect { - font-size: 2.5em + font-size: 2.5em; } .LP-Footer__social-overlap > a { font-size: 2.24em; height: 50px; } .LP-Footer__bottom-wrapper { - font-size: 1.3em + font-size: 1.3em; } } @media(max-width: $-viewport-medium) { .LP-Footer__list-top { - width: 100% + width: 100%; } .LP-Footer__list-header { font-size: 3em; } .LP-Footer__list-anchor { - font-size: 1.5em + font-size: 1.5em; } .LP-Footer__social-section { justify-content: center } .LP-Footer__social-section::after { - top: 25% + top: 25%; } .LP-Footer__social-connect { margin-bottom: 10px; - padding: 0 10px + padding: 0 10px; } .LP-Footer__social-overlap { display: flex; @@ -223,48 +221,48 @@ $-primary-line-color: $-almost-white; } .LP-Footer__social-icons-wrapper { width: 100%; - padding: 0 + padding: 0; } .LP-Footer__social-overlap { margin-left: 0px; } .LP-Footer__bottom-section { - padding: 0 5px 10px 5px + padding: 0 5px 10px 5px; } .LP-Footer__bottom-wrapper { text-align: center; width: 100%; - margin-top: 10px + margin-top: 10px; } } @media(max-width: $-viewport-small) { .LP-Footer__social-overlap > a { - margin: auto + margin: auto; } .LP-Footer__social-overlap > a:not(:first-child) { margin-left: 0; } .LP-Footer__bottom-rights { - display: block + display: block; } } @media(max-width: $-viewport-extra-small) { .LP-Footer__list-header { - font-size: 2.2em + font-size: 2.2em; } .LP-Footer__list-anchor { - font-size: 1.2em + font-size: 1.2em; } .LP-Footer__social-connect { - font-size: 2.4em + font-size: 2.4em; } .LP-Footer__social-overlap > a { - font-size: 2.24em + font-size: 2.24em; } .LP-Footer__bottom-wrapper { - font-size: 1.3em + font-size: 1.3em; } } } \ No newline at end of file diff --git a/public/main.css b/public/main.css index 0d36c14..36fd9b1 100644 --- a/public/main.css +++ b/public/main.css @@ -1307,8 +1307,7 @@ body { background-clip: content-box; position: absolute; height: 50px; - width: 50px; - filter: invert(1); } + width: 50px; } .LP-Footer__social-explore { display: flex; align-items: center;