footer.styl 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. // Footer Section
  2. // --------------------------------------------------
  3. .footer {
  4. color: $grey-dark;
  5. font-size: $font-size-small;
  6. padding: 20px 0;
  7. &.footer-fixed {
  8. bottom: 0;
  9. left: 0;
  10. position: absolute;
  11. right: 0;
  12. }
  13. }
  14. .footer-inner {
  15. box-sizing: border-box;
  16. margin: 0 auto;
  17. text-align: center;
  18. width: $content-desktop;
  19. +desktop-large() {
  20. width: $content-desktop-large;
  21. }
  22. +desktop-largest() {
  23. width: $content-desktop-largest;
  24. }
  25. }
  26. @keyframes iconAnimate {
  27. 0%, 100% {
  28. transform: scale(1);
  29. }
  30. 10%, 30% {
  31. transform: scale(.9);
  32. }
  33. 20%, 40%, 60%, 80% {
  34. transform: scale(1.1);
  35. }
  36. 50%, 70% {
  37. transform: scale(1.1);
  38. }
  39. }
  40. .languages {
  41. display: inline-block;
  42. font-size: $font-size-large;
  43. position: relative;
  44. .lang-select-label span {
  45. margin: 0 .5em;
  46. }
  47. .lang-select {
  48. height: 100%;
  49. left: 0;
  50. opacity: 0;
  51. position: absolute;
  52. top: 0;
  53. width: 100%;
  54. }
  55. }
  56. .with-love {
  57. color: unquote(hexo-config('footer.icon.color'));
  58. display: inline-block;
  59. margin: 0 5px;
  60. if (hexo-config('footer.icon.animated')) {
  61. animation: iconAnimate 1.33s ease-in-out infinite;
  62. }
  63. }
  64. .powered-by, .theme-info {
  65. display: inline-block;
  66. }