[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-content/themes/twentytwentyone/assets/sass/04-elements/ -> blockquote.scss (source)

   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          font-size: var(--global--font-size-xs);
  33          letter-spacing: var(--global--letter-spacing);
  34      }
  35  
  36      &.alignleft,
  37      &.alignright {
  38  
  39          padding-left: inherit;
  40  
  41          p {
  42              font-size: var(--heading--font-size-h5);
  43              max-width: inherit;
  44              width: inherit;
  45          }
  46  
  47          cite,
  48          footer {
  49              font-size: var(--global--font-size-xs);
  50              letter-spacing: var(--global--letter-spacing);
  51          }
  52      }
  53  
  54      strong {
  55          font-weight: var(--quote--font-weight-strong);
  56      }
  57  
  58      &:before {
  59          content: "\201C";
  60          font-size: var(--quote--font-size);
  61          line-height: var(--quote--line-height);
  62          position: absolute;
  63          left: calc(-0.5 * var(--global--spacing-horizontal));
  64      }
  65  
  66      .wp-block-quote__citation,
  67      cite,
  68      footer {
  69          color: var(--global--color-primary);
  70          font-size: var(--global--font-size-xs);
  71          font-style: var(--quote--font-style-cite);
  72      }
  73  
  74      @include media(mobile-only) {
  75          padding-left: calc(0.5 * var(--global--spacing-horizontal));
  76  
  77          &:before {
  78              left: 0;
  79          }
  80      }
  81  }


Generated : Fri Mar 29 08:20:02 2024 Cross-referenced by PHPXref