_full-site-editing.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @import "../../varia/sass/full-site-editing/imports";
  2. $spacing_vertical: map-deep-get($config-global, "spacing", "vertical");
  3. .fse-enabled.home.page.hide-homepage-title .fse-header.entry-content {
  4. padding-bottom: $spacing_vertical;
  5. @include media(mobile) {
  6. padding-bottom: #{1.5 * $spacing_vertical};
  7. }
  8. }
  9. .fse-template-part {
  10. .wp-block-social-links {
  11. margin-top: 10px; // Makes it match the editor.
  12. }
  13. &.fse-footer .main-navigation {
  14. border-bottom: none;
  15. }
  16. .main-navigation {
  17. .alignwide, .alignfull {
  18. width: 100%;
  19. }
  20. a {
  21. text-decoration: none;
  22. text-transform: uppercase;
  23. }
  24. .has-background > .main-menu.footer-menu {
  25. padding: 0;
  26. }
  27. }
  28. &.fse-header .main-navigation {
  29. border-bottom: 2px solid rgba(0,0,0,.15);
  30. div ul li {
  31. @include media(mobile) {
  32. a::after {
  33. color: #ffa4ad;
  34. content: " \2022";
  35. margin-left: #{map-deep-get($config-global, "spacing", "unit")};
  36. display: inline;
  37. }
  38. &:last-child a::after {
  39. content: "";
  40. margin-left: 0;
  41. }
  42. }
  43. }
  44. }
  45. @include media(mobile-only) {
  46. max-width: calc( 100% - #{ $spacing_vertical } );
  47. .main-navigation > div {
  48. padding: 0 32px;
  49. }
  50. }
  51. .main-navigation {
  52. .has-background > .main-menu.footer-menu {
  53. padding: 0;
  54. }
  55. }
  56. .wp-block-cover,
  57. .wp-block-cover-image {
  58. .site-title a {
  59. text-decoration: none;
  60. }
  61. .has-background {
  62. text-shadow: none;
  63. }
  64. }
  65. }