_footer-navigation.scss 1017 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .site-footer > .footer-navigation {
  2. display: inline;
  3. @include media(desktop) {
  4. margin-top: var(--global--spacing-unit);
  5. margin-bottom: var(--global--spacing-unit);
  6. text-align: left;
  7. }
  8. & > div {
  9. display: inline;
  10. }
  11. .footer-menu {
  12. color: var(--footer--color-text);
  13. margin: 0;
  14. padding-left: 0;
  15. & > li {
  16. display: inline-block;
  17. &:first-of-type > a {
  18. padding-left: 0;
  19. }
  20. &:last-of-type {
  21. padding-right: 0;
  22. }
  23. }
  24. .menu-item {
  25. padding: var(--primary-nav--padding) var(--primary-nav--padding) var(--primary-nav--padding) 0;
  26. a {
  27. font-family: var(--primary-nav--font-family);
  28. font-size: var(--footer--font-size);
  29. font-weight: var(--primary-nav--font-weight);
  30. color: currentColor;
  31. &:link,
  32. &:visited,
  33. &:active {
  34. color: currentColor;
  35. }
  36. &:hover {
  37. color: var(--footer--color-link-hover);
  38. border-color: var(--global--color-secondary);
  39. }
  40. &:focus {
  41. color: var(--global--color-secondary);
  42. }
  43. }
  44. }
  45. }
  46. }