_footer.scss 622 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. // Footer styling
  2. #footer {
  3. position: absolute;
  4. background: $footer-bg;
  5. height: $footer-height;
  6. right: 0;
  7. bottom: 0;
  8. left: 0;
  9. @extend .padding-horiz;
  10. color: $footer-text;
  11. text-align: center;
  12. a:hover {
  13. color: #fff;
  14. }
  15. .totop {
  16. position: absolute;
  17. bottom: $footer-height - 1rem;
  18. text-align: center;
  19. left: 0;
  20. right: 0;
  21. span {
  22. font-size: 1.7rem;
  23. line-height: 2.5rem;
  24. background: $footer-bg;
  25. width: 3rem;
  26. height: 2rem;
  27. border-radius: $border-radius;
  28. display: inline-block;
  29. text-align: top;
  30. }
  31. }
  32. p {
  33. @extend %vertical-align;
  34. margin: 0;
  35. .fa {
  36. color: #fff;
  37. }
  38. }
  39. }