_imports.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .fse-enabled {
  2. .site-footer {
  3. display: block;
  4. .main-navigation {
  5. @extend .footer-navigation;
  6. .footer-menu {
  7. color: inherit;
  8. }
  9. display: block;
  10. & > div {
  11. display: block;
  12. }
  13. .hide-visually,
  14. #toggle-menu {
  15. display: none;
  16. }
  17. @include media(mobile-only) {
  18. > div {
  19. display: block;
  20. }
  21. li {
  22. width: auto;
  23. .sub-menu {
  24. display: none;
  25. }
  26. }
  27. }
  28. }
  29. .site-info {
  30. text-align: center;
  31. }
  32. }
  33. .main-navigation {
  34. .has-text-color > .main-menu.footer-menu > li > a {
  35. color: inherit;
  36. }
  37. .has-text-align-left > .main-menu.footer-menu {
  38. justify-content: flex-start;
  39. }
  40. .has-text-align-center > .main-menu.footer-menu {
  41. justify-content: center;
  42. }
  43. .has-text-align-right > .main-menu.footer-menu {
  44. justify-content: flex-end;
  45. }
  46. .has-background > .main-menu.footer-menu {
  47. padding: #{map-deep-get($config-global, "spacing", "unit")} 0;
  48. @include media(mobile) {
  49. padding: #{map-deep-get($config-global, "spacing", "unit")};
  50. }
  51. }
  52. & > div > .main-menu.footer-menu > .menu-item-has-children > a::after {
  53. font-size: 0.6em;
  54. vertical-align: middle;
  55. }
  56. }
  57. }