_editor.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .wp-block-cover,
  2. .wp-block-cover-image {
  3. background-color: var(--cover--color-foreground);
  4. min-height: var(--cover--height);
  5. margin-top: inherit;
  6. margin-bottom: inherit;
  7. .wp-block-cover__inner-container,
  8. .wp-block-cover-image-text,
  9. .wp-block-cover-text,
  10. .block-editor-block-list__block:not(.wp-social-link) {
  11. color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss
  12. .has-link-color a {
  13. color: var( --wp--style--color--link, var(--global--color-primary) );
  14. }
  15. }
  16. // Default & custom background-color
  17. &:not([class*='background-color']){
  18. .wp-block-cover__inner-container,
  19. .wp-block-cover-image-text,
  20. .wp-block-cover-text,
  21. .block-editor-block-list__block {
  22. color: var(--cover--color-background);
  23. }
  24. }
  25. // Treating H2 separately to account for legacy /core styles
  26. h2 {
  27. font-size: var(--heading--font-size-h2);
  28. letter-spacing: var(--heading--letter-spacing-h2);
  29. line-height: var(--heading--line-height);
  30. padding: 0;
  31. max-width: inherit; // undo opinionated styles
  32. text-align: inherit;
  33. &.has-text-align-left {
  34. text-align: left;
  35. }
  36. &.has-text-align-center {
  37. text-align: center;
  38. }
  39. &.has-text-align-right {
  40. text-align: right;
  41. }
  42. }
  43. }