diff --git a/components/03_Organisms/footer/_footer.scss b/components/03_Organisms/footer/_footer.scss index b718290..f65779d 100644 --- a/components/03_Organisms/footer/_footer.scss +++ b/components/03_Organisms/footer/_footer.scss @@ -28,6 +28,7 @@ $primary-line-color: $-almost-white; } } + // Use flexbox &__flex { display: flex; flex-flow: row wrap; @@ -77,6 +78,7 @@ $primary-line-color: $-almost-white; padding: 0 20px; } + // Big letters of "EXPLORE WITH US" &__social-explore { display: flex; align-items: center; @@ -84,6 +86,7 @@ $primary-line-color: $-almost-white; color: $-almost-white } + // Small letters of "EXPLORE WITH US" &__social-small { font-size: 0.6em; padding: 0px 20px @@ -113,6 +116,7 @@ $primary-line-color: $-almost-white; color: $-almost-white } + // Media queries using global widths. @media(max-width: $-viewport-normal) { .LP-Footer__list-header { font-size: 2em