footer.less 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. //
  2. // Misago Footer
  3. // --------------------------------------------------
  4. .site-footer {
  5. margin-top: @line-height-computed;
  6. padding-bottom: @line-height-computed * 1.5;
  7. color: @footer-color;
  8. font-weight: @weight-light;
  9. text-align: center;
  10. a, a:link, a:visited {
  11. color: @footer-link-color;
  12. }
  13. a:hover, a:focus {
  14. color: @footer-link-hover-color;
  15. }
  16. a:active {
  17. color: @footer-link-active-color;
  18. }
  19. .site-footnote {
  20. .opacity(0.7);
  21. font-size: @font-size-small;
  22. }
  23. .misago-branding {
  24. &:link, &:active, &:visited &:hover {
  25. .opacity(0.8);
  26. color: @misago-branding-color;
  27. font-size: @misago-branding-size;
  28. text-decoration: none;
  29. }
  30. }
  31. /* Big devices (tablets, 768px and up) */
  32. @media (min-width: @screen-md-min) {
  33. margin-top: @line-height-computed * 1.5;
  34. overflow: auto;
  35. text-align: left;
  36. .footer-content {
  37. border-top: 1px solid @footer-border-color;
  38. padding-top: @line-height-computed;
  39. }
  40. .footer-nav {
  41. float: left;
  42. }
  43. .site-footnote {
  44. .opacity(1);
  45. font-size: @font-size-base;
  46. }
  47. .misago-branding {
  48. float: right;
  49. }
  50. }
  51. }