[Summary view] [Print] [Text view]

   1  .wp-block-pullquote {
   2      padding: calc(2 * var(--global--spacing-unit)) 0;
   3      text-align: center;
   4      border-width: var(--pullquote--border-width);
   5      border-bottom-style: solid;
   6      border-top-style: solid;
   7      color: currentColor;
   8      border-color: currentColor;
   9      position: relative;
  10      font-size: var(--pullquote--font-size);
  11      font-style: var(--pullquote--font-style);
  12      font-weight: 700;
  13      letter-spacing: var(--pullquote--letter-spacing);
  14  
  15      blockquote::before {
  16          color: currentColor;
  17          content: "\201C";
  18          display: block;
  19          position: relative; // Override the absolute position.
  20          left: 0;
  21          font-size: 3rem;
  22          font-weight: 500;
  23          line-height: 1;
  24      }
  25  
  26      p {
  27          font-family: var(--pullquote--font-family);
  28          font-size: inherit;
  29          font-style: inherit;
  30          font-weight: inherit;
  31          letter-spacing: inherit;
  32          line-height: inherit;
  33          margin: 0;
  34      }
  35  
  36      &:where(:not([style*="line-height"])) p {
  37          line-height: var(--pullquote--line-height);
  38      }
  39  
  40      a {
  41          color: currentColor;
  42      }
  43  
  44      .wp-block-pullquote__citation,
  45      cite,
  46      footer {
  47          color: currentColor;
  48          display: block;
  49          font-size: var(--global--font-size-xs);
  50          font-style: var(--pullquote--font-style);
  51          text-transform: none;
  52      }
  53  
  54      /**
  55       * Block Options
  56       */
  57      &:not(.is-style-solid-color) {
  58          background: none;
  59      }
  60  
  61      &.alignleft:not(.is-style-solid-color) {
  62  
  63          blockquote:before,
  64          cite {
  65              text-align: center;
  66          }
  67      }
  68  
  69      &.alignwide > p,
  70      &.alignwide blockquote {
  71          max-width: var(--responsive--alignwide-width);
  72      }
  73  
  74      &.alignfull:not(.is-style-solid-color) > p,
  75      &.alignfull:not(.is-style-solid-color) blockquote {
  76          padding: 0 calc(2 * var(--global--spacing-unit));
  77      }
  78  
  79      &.is-style-solid-color {
  80          color: var(--pullquote--color-foreground);
  81          padding: calc(2.5 * var(--global--spacing-unit));
  82          border-width: var(--pullquote--border-width);
  83          border-style: solid;
  84          border-color: var(--pullquote--border-color);
  85  
  86          @media (min-width: 600px) {
  87              padding: calc(5 * var(--global--spacing-unit));
  88          }
  89  
  90          blockquote::before {
  91              text-align: left;
  92          }
  93  
  94          blockquote {
  95              margin: 0;
  96              max-width: inherit;
  97  
  98              p {
  99                  font-size: var(--pullquote--font-size);
 100              }
 101          }
 102  
 103          .wp-block-pullquote__citation,
 104          cite,
 105          footer {
 106              color: currentColor;
 107          }
 108  
 109          &.alignleft,
 110          &.alignright {
 111              padding: var(--global--spacing-unit);
 112  
 113              blockquote {
 114                  max-width: initial;
 115              }
 116          }
 117      }
 118  }