_footer-navigation.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .footer-navigation {
  2. display: inline;
  3. @include media(tablet) {
  4. flex: 1 0 50%;
  5. order: 2;
  6. margin-top: 0;
  7. margin-bottom: 0;
  8. text-align: right;
  9. }
  10. & > div {
  11. display: inline;
  12. }
  13. .footer-menu {
  14. color: #{map-deep-get($config-footer, "color", "text")};
  15. margin: 0;
  16. padding-left: 0;
  17. @include media(tablet) {
  18. display: flex;
  19. flex-wrap: wrap;
  20. justify-content: flex-end;
  21. }
  22. & > li {
  23. display: inline;
  24. &:first-of-type > a {
  25. padding-left: 0;
  26. }
  27. &:last-of-type {
  28. padding-right: 0;
  29. }
  30. }
  31. a {
  32. @include font-family( map-deep-get( $config-header, "main-nav", "font", "family" ) );
  33. font-weight: #{map-deep-get($config-header, "main-nav", "font", "weight")};
  34. padding: #{map-deep-get($config-header, "main-nav", "link-padding")};
  35. color: currentColor;
  36. &:link,
  37. &:visited {
  38. color: currentColor;
  39. }
  40. &:hover {
  41. color: #{map-deep-get($config-footer, "color", "link-hover")};
  42. }
  43. }
  44. }
  45. }
  46. // Prevent overruling the user defined font size value set inside Gutenberg
  47. // for Full Site Editing's Menu Navigation block.
  48. body:not( .fse-enabled ) {
  49. .footer-menu a {
  50. font-size: #{map-deep-get($config-global, "font", "size", "sm")};
  51. }
  52. }