footer.less 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. //
  2. // Footer
  3. // --------------------------------------------------
  4. footer {
  5. background-color: mix(@brand-primary, @inverse, 9%);
  6. color: mix(@brand-primary, @inverse, 34%);
  7. font-size: 15px;
  8. padding: 0;
  9. a {
  10. color: mix(@brand-primary, @inverse, 50%);
  11. font-weight: 700;
  12. }
  13. p {
  14. font-size: 15px;
  15. line-height: 20px;
  16. margin-bottom: 10px;
  17. }
  18. }
  19. .footer-title {
  20. margin: 0 0 22px;
  21. padding-top: 21px;
  22. font-size: 24px;
  23. line-height: 40px;
  24. }
  25. .footer-brand {
  26. display: block;
  27. margin-bottom: 26px;
  28. width: 220px;
  29. img {
  30. width: 216px;
  31. }
  32. }
  33. // Footer banner
  34. .footer-banner {
  35. background-color: @brand-secondary;
  36. color: mix(@brand-secondary, @inverse, 20%);
  37. margin-left: 42px;
  38. min-height: 316px;
  39. padding: 0 30px 30px;
  40. .footer-title {
  41. color: @inverse;
  42. }
  43. a {
  44. color: lighten(@brand-secondary, 42%);
  45. text-decoration: underline;
  46. &:hover {
  47. text-decoration: none;
  48. }
  49. }
  50. ul {
  51. list-style-type: none;
  52. margin: 0 0 26px;
  53. padding: 0;
  54. li {
  55. border-top: 1px solid lighten(@brand-secondary, 2%);
  56. line-height: 19px;
  57. padding: 6px 0;
  58. &:first-child {
  59. border-top: none;
  60. padding-top: 1px;
  61. }
  62. }
  63. }
  64. }