footer.less 1.2 KB

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