_editor.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. .wp-block-quote {
  2. border-left-color: var(--quote--border-color);
  3. border-left-width: var(--quote--border-width);
  4. padding-left: var(--global--spacing-horizontal);
  5. p {
  6. font-family: var(--quote--font-family);
  7. font-size: var(--quote--font-size);
  8. font-style: var(--quote--font-style);
  9. line-height: var(--quote--line-height);
  10. }
  11. &.is-large,
  12. &.is-style-large {
  13. border-left: var(--quote--border-width) solid var(--quote--border-color);
  14. padding-left: var(--global--spacing-horizontal);
  15. /* Resetting margins to match _block-container.scss */
  16. margin-top: var(--global--spacing-vertical);
  17. margin-bottom: var(--global--spacing-vertical);
  18. p {
  19. font-size: var(--quote--font-size-large);
  20. font-style: var(--quote--font-style-large);
  21. line-height: var(--quote--line-height-large);
  22. }
  23. &.has-text-align-right {
  24. border-left: none;
  25. border-right: var(--quote--border-width) solid var(--quote--border-color);
  26. }
  27. }
  28. &.has-text-align-right {
  29. border-right: var(--quote--border-width) solid var(--quote--border-color);
  30. }
  31. &.has-text-align-center {
  32. border: none;
  33. }
  34. .has-background:not(.has-background-background-color) &,
  35. [class*="background-color"]:not(.has-background-background-color) &,
  36. [style*="background-color"]:not(.has-background-background-color) &,
  37. .wp-block-cover[style*="background-image"] & {
  38. border-color: currentColor;
  39. }
  40. .wp-block-quote__citation {
  41. color: var(--global--color-foreground-low-contrast);
  42. font-size: var(--global--font-size-xs);
  43. .has-background:not(.has-background-background-color) &,
  44. [class*="background-color"]:not(.has-background-background-color) &,
  45. [style*="background-color"]:not(.has-background-background-color) &,
  46. .wp-block-cover[style*="background-image"] & {
  47. color: currentColor;
  48. }
  49. }
  50. }