[Summary view] [Print] [Text view]

   1  blockquote {
   2      padding: 0;
   3      position: relative;
   4      margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);
   5  
   6      > * {
   7          margin-top: var(--global--spacing-unit);
   8          margin-bottom: var(--global--spacing-unit);
   9  
  10          &:first-child {
  11              margin-top: 0;
  12          }
  13  
  14          &:last-child {
  15              margin-bottom: 0;
  16          }
  17      }
  18  
  19      p {
  20          letter-spacing: var(--heading--letter-spacing-h4);
  21          font-family: var(--quote--font-family);
  22          font-size: var(--quote--font-size);
  23          font-style: var(--quote--font-style);
  24          font-weight: var(--quote--font-weight);
  25          line-height: var(--quote--line-height);
  26      }
  27  
  28      cite,
  29      footer {
  30          font-weight: normal;
  31          color: var(--global--color-primary);
  32          letter-spacing: var(--global--letter-spacing);
  33      }
  34  
  35      &.alignleft,
  36      &.alignright {
  37  
  38          padding-left: inherit;
  39  
  40          p {
  41              font-size: var(--heading--font-size-h5);
  42              max-width: inherit;
  43              width: inherit;
  44          }
  45  
  46          cite,
  47          footer {
  48              font-size: var(--global--font-size-xs);
  49              letter-spacing: var(--global--letter-spacing);
  50          }
  51      }
  52  
  53      strong {
  54          font-weight: var(--quote--font-weight-strong);
  55      }
  56  
  57      &:before {
  58          content: "\201C";
  59          position: absolute;
  60          left: calc(-0.5 * var(--global--spacing-horizontal));
  61      }
  62  
  63      .wp-block-quote__citation,
  64      cite,
  65      footer {
  66          color: var(--global--color-primary);
  67          font-style: var(--quote--font-style-cite);
  68      }
  69  
  70      @include media(mobile-only) {
  71          padding-left: calc(0.5 * var(--global--spacing-horizontal));
  72  
  73          &:before {
  74              left: 0;
  75          }
  76      }
  77  }