_style.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. .wp-block-quote {
  2. border-left: var(--quote--border-width) solid var(--quote--border-color);
  3. margin: var(--global--spacing-vertical) 0;
  4. padding-left: var(--global--spacing-horizontal);
  5. & > * {
  6. margin-top: var(--global--spacing-unit);
  7. margin-bottom: var(--global--spacing-unit);
  8. &:first-child {
  9. margin-top: 0;
  10. }
  11. &:last-child {
  12. margin-bottom: 0;
  13. }
  14. }
  15. p {
  16. font-family: var(--quote--font-family);
  17. font-size: var(--quote--font-size);
  18. font-style: var(--quote--font-style);
  19. line-height: var(--quote--line-height);
  20. }
  21. .wp-block-quote__citation,
  22. cite,
  23. footer {
  24. color: var(--global--color-foreground-low-contrast);
  25. font-size: var(--global--font-size-xs);
  26. .has-background:not(.has-background-background-color) &,
  27. [class*="background-color"]:not(.has-background-background-color) &,
  28. [style*="background-color"] &,
  29. .wp-block-cover[style*="background-image"] & {
  30. color: currentColor;
  31. }
  32. }
  33. /**
  34. * Block Options
  35. */
  36. &.has-text-align-right {
  37. border-left: none;
  38. border-right: var(--quote--border-width) solid var(--quote--border-color);
  39. padding-left: 0;
  40. padding-right: var(--global--spacing-horizontal);
  41. }
  42. &.has-text-align-center {
  43. border: none;
  44. }
  45. &.is-style-large,
  46. &.is-large {
  47. /* Resetting margins to match _block-container.scss */
  48. margin-top: var(--global--spacing-vertical);
  49. margin-bottom: var(--global--spacing-vertical);
  50. padding-left: var(--global--spacing-horizontal);
  51. &.has-text-align-right {
  52. padding-left: 0;
  53. padding-right: var(--global--spacing-horizontal);
  54. }
  55. &.has-text-align-center {
  56. padding: 0 var(--global--spacing-horizontal);
  57. }
  58. p {
  59. font-size: var(--quote--font-size-large);
  60. font-style: var(--quote--font-style-large);
  61. line-height: var(--quote--line-height-large);
  62. }
  63. .wp-block-quote__citation,
  64. cite,
  65. footer {
  66. color: var(--global--color-foreground-low-contrast);
  67. font-size: var(--global--font-size-xs);
  68. }
  69. }
  70. .has-background:not(.has-background-background-color) &,
  71. [class*="background-color"]:not(.has-background-background-color) &,
  72. [style*="background-color"] &,
  73. .wp-block-cover[style*="background-image"] & {
  74. border-color: currentColor;
  75. }
  76. }