_style.scss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  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: currentColor;
  25. display: block;
  26. font-size: var(--global--font-size-xs);
  27. text-transform: none;
  28. }
  29. /**
  30. * Block Options
  31. */
  32. &:not(.is-style-solid-color) {
  33. background: none;
  34. }
  35. &.is-style-large {
  36. border-left-color: var(--quote--border-color);
  37. border-left-style: solid;
  38. border-left-width: var(--quote--border-width);
  39. font-style: normal;
  40. }
  41. &.alignwide > p,
  42. &.alignwide blockquote {
  43. max-width: var(--responsive--alignwide-width);
  44. }
  45. &.alignfull:not(.is-style-solid-color) > p,
  46. &.alignfull:not(.is-style-solid-color) blockquote {
  47. padding: 0 calc( 2 * var(--global--spacing-unit) );
  48. }
  49. &.is-style-solid-color {
  50. background-color: var(--pullquote--color-foreground);
  51. color: var(--pullquote--color-background);
  52. padding: calc( 2 * var(--global--spacing-unit) );
  53. blockquote {
  54. max-width: inherit;
  55. }
  56. .wp-block-pullquote__citation,
  57. cite,
  58. footer {
  59. color: currentColor;
  60. }
  61. }
  62. }