_imports.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. .fse-template-part {
  2. margin-bottom: 0;
  3. margin-top: 0;
  4. .main-navigation {
  5. .alignwide, .alignfull {
  6. width: 100%;
  7. }
  8. .has-text-color > .main-menu.footer-menu > li > a {
  9. color: inherit;
  10. }
  11. .has-text-align-left > .main-menu.footer-menu {
  12. justify-content: flex-start;
  13. }
  14. .has-text-align-center > .main-menu.footer-menu {
  15. justify-content: center;
  16. }
  17. .has-text-align-right > .main-menu.footer-menu {
  18. justify-content: flex-end;
  19. }
  20. .has-background > .main-menu.footer-menu {
  21. padding: #{map-deep-get($config-global, "spacing", "unit")} 0;
  22. @include media(mobile) {
  23. padding: #{map-deep-get($config-global, "spacing", "unit")};
  24. }
  25. }
  26. & > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
  27. font-size: 0.6em;
  28. vertical-align: middle;
  29. }
  30. }
  31. // Remove large margins on column children when used in a template part.
  32. .wp-block-columns .wp-block-column {
  33. & > * {
  34. margin: 0 0 5px 0;
  35. }
  36. }
  37. }
  38. .fse-header > *:first-child:not(.alignfull) {
  39. margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
  40. @include media(mobile) {
  41. margin-top: map-deep-get($config-global, "spacing", "vertical");
  42. }
  43. }
  44. .fse-footer {
  45. display: block;
  46. .site-info {
  47. margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
  48. margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
  49. text-align: center;
  50. @include media(mobile) {
  51. margin-top: map-deep-get($config-global, "spacing", "vertical");
  52. margin-bottom: map-deep-get($config-global, "spacing", "vertical");
  53. }
  54. }
  55. }