diff --git a/core/static/core/footer.scss b/core/static/core/footer.scss index be27a2e3..52cd317d 100644 --- a/core/static/core/footer.scss +++ b/core/static/core/footer.scss @@ -1,8 +1,8 @@ @import "colors"; @import "devices"; -@media (max-width: $small-devices) { - footer { +footer.bottom-links { + @media (max-width: $small-devices) { margin-top: 0.6em; padding: 1.25em; background-color: $primary-neutral-dark-color; @@ -13,7 +13,7 @@ gap: 1.25em; - > div { + >section { display: flex; flex-direction: row; @@ -21,24 +21,31 @@ justify-content: center; gap: 0.8em; - > a { - color: $white-color !important; - width: auto; + } + + a { + color: $white-color; + width: auto; + + &:hover { + color: $white-color; + text-shadow: 0.5px 0.5px 0.5px $shadow-color; } } - > a { - color: $primary-neutral-color !important; + .fa-github { + color: $white-color; } - .fa-github { - color: $primary-neutral-color; + hr { + width: 100%; + height: 0px; + border: none; + border-top: 0.5px solid $white-color; } } -} -@media (min-width: $small-devices) { - footer { + @media (min-width: $small-devices) { width: 90%; margin: 2em auto; @@ -46,7 +53,7 @@ text-align: center; vertical-align: middle; - div { + section:first-of-type { margin: 0.6em 0; color: $white-color; border-radius: 5px; @@ -57,24 +64,26 @@ box-shadow: $shadow-color 0 0 15px; a { + color: $white-color; + width: auto; padding: 0.8em; flex: 1; font-weight: bold; - color: $white-color !important; &:hover { - color: $primary-dark-color; + color: $white-color; + text-shadow: 0.5px 0.5px 0.5px $shadow-color; } } } - > .version { - margin-top: 3px; - color: rgba(0, 0, 0, 0.3); - } - .fa-github { color: $githubblack; } + + hr { + border: none; + height: 5px; + } } } \ No newline at end of file diff --git a/core/templates/core/base/footer.jinja b/core/templates/core/base/footer.jinja index 198a6550..63917d31 100644 --- a/core/templates/core/base/footer.jinja +++ b/core/templates/core/base/footer.jinja @@ -1,13 +1,16 @@ - \ No newline at end of file