Index: static/scss/layout/_footer.scss |
=================================================================== |
--- a/static/scss/layout/_footer.scss |
+++ b/static/scss/layout/_footer.scss |
@@ -17,22 +17,39 @@ |
#footer |
{ |
padding-top: $lg; |
padding-bottom: $xl; |
font-size: 70%; |
background-color: $secondary-bg; |
color: $secondary-fg; |
+ @media (max-width: $tablet-breakpoint) |
+ { |
+ padding-top: $md; |
+ padding-bottom: $lg; |
+ } |
+ |
+ @media (max-width: $mobile-breakpoint) |
+ { |
+ padding-top: $sm; |
+ padding-bottom: $sm; |
+ } |
+ |
%headings |
{ |
position: relative; |
margin-bottom: $md; |
padding-top: $xs; |
@extend h5; |
+ |
+ @media (max-width: $mobile-breakpoint) |
+ { |
+ margin-bottom: $sm; |
+ } |
} |
%headings::before |
{ |
display: block; |
position: absolute; |
top: 0; |
left: 0; |