_editor.scss 1.5 KB

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