_editor.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .wp-block-pullquote {
  2. padding: calc( 2 * var(--global--spacing-unit) ) 0;
  3. text-align: left;
  4. // Theme?
  5. border-top-color: var(--pullquote--border-color);
  6. border-top-width: var(--pullquote--border-width);
  7. border-bottom-color: var(--pullquote--border-color);
  8. border-bottom-width: var(--pullquote--border-width);
  9. color: var(--pullquote--color-foreground);
  10. p {
  11. font-family: var(--pullquote--font-family);
  12. font-size: var(--pullquote--font-size);
  13. font-style: var(--pullquote--font-style);
  14. letter-spacing: var(--pullquote--letter-spacing);
  15. line-height: var(--pullquote--line-height);
  16. margin: 0;
  17. }
  18. a {
  19. color: currentColor;
  20. }
  21. .wp-block-pullquote__citation,
  22. cite,
  23. footer {
  24. color: var(--global--color-foreground-low-contrast);
  25. font-size: var(--global--font-size-xs);
  26. }
  27. // Block Options
  28. &:not(.is-style-solid-color) {
  29. background: none;
  30. }
  31. &.is-style-solid-color {
  32. background-color: var(--pullquote--color-foreground);
  33. color: var(--pullquote--color-background);
  34. padding: calc( 2 * var(--global--spacing-unit) );
  35. &.alignleft blockquote,
  36. &.alignright blockquote {
  37. padding-left: var(--global--spacing-unit);
  38. padding-right: var(--global--spacing-unit);
  39. max-width: inherit;
  40. }
  41. blockquote {
  42. margin: 0;
  43. text-align: left;
  44. max-width: 100%;
  45. }
  46. .wp-block-pullquote__citation,
  47. cite,
  48. footer {
  49. color: currentColor;
  50. }
  51. }
  52. }
  53. .wp-block[data-align="full"] {
  54. .wp-block-pullquote:not(.is-style-solid-color) {
  55. blockquote {
  56. padding: 0 calc( 2 * var(--global--spacing-unit));
  57. }
  58. }
  59. }