[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          font-size: var(--global--font-size-xs);
  48          font-style: var(--pullquote--font-style);
  49          text-transform: none;
  50      }
  51  
  52      // Block Options
  53      &:not(.is-style-solid-color) {
  54          background: none;
  55      }
  56  
  57      &.is-style-solid-color {
  58          margin-left: auto;
  59          margin-right: auto;
  60          padding: calc(2.5 * var(--global--spacing-unit));
  61          border-width: var(--pullquote--border-width);
  62          border-style: solid;
  63          border-color: var(--pullquote--border-color);
  64  
  65          @media ( min-width: 600px ) {
  66              padding: calc(5 * var(--global--spacing-unit));
  67          }
  68  
  69          blockquote::before {
  70              text-align: left;
  71          }
  72  
  73          &.alignleft blockquote,
  74          &.alignright blockquote {
  75              padding-left: var(--global--spacing-unit);
  76              padding-right: var(--global--spacing-unit);
  77              max-width: inherit;
  78          }
  79  
  80          blockquote {
  81              margin: 0;
  82              max-width: 100%;
  83  
  84              p {
  85                  font-size: var(--pullquote--font-size);
  86              }
  87          }
  88  
  89          .wp-block-pullquote__citation,
  90          cite,
  91          footer {
  92              color: currentColor;
  93          }
  94      }
  95  
  96  }
  97  
  98  .wp-block[data-align="full"] {
  99  
 100      .wp-block-pullquote:not(.is-style-solid-color) {
 101  
 102          blockquote {
 103              padding: 0 calc(2 * var(--global--spacing-unit));
 104          }
 105      }
 106  }
 107  
 108  .wp-block[data-align="left"],
 109  .wp-block[data-align="right"] {
 110  
 111      .wp-block-pullquote.is-style-solid-color {
 112          padding: var(--global--spacing-unit);
 113      }
 114  }