_footer.less 851 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. #footer {
  2. position: relative;
  3. padding: 20px;
  4. width: 100%;
  5. color: @white;
  6. margin: 0px auto;
  7. font-size: 14px;
  8. overflow: hidden;
  9. text-align: center;
  10. background: @black;
  11. .codename {
  12. color: @secondary-color;
  13. }
  14. .social-wrapper {
  15. padding-top: 20px;
  16. }
  17. a {
  18. color: fade(@white,80%);
  19. &:hover {
  20. background: fade(@accent-color, 10%);
  21. color: darken(@accent-color, 3%);
  22. }
  23. &.social {
  24. position: relative;
  25. display: inline-block;
  26. text-align: center;
  27. font-size: 16px;
  28. margin: 0px 5px;
  29. &:hover {
  30. background: transparent;
  31. color: @accent-color;
  32. }
  33. &.github:hover {
  34. color: @github-color;
  35. }
  36. &.google:hover {
  37. color: @google-color;
  38. }
  39. &.twitter:hover {
  40. color: @twitter-color;
  41. }
  42. &.weibo:hover {
  43. color: @weibo-color;
  44. }
  45. }
  46. }
  47. }