[Summary view] [Print] [Text view]

   1  /**
   2   * SCSS Variables.
   3   *
   4   * Please use variables from this sheet to ensure consistency across the UI.
   5   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   6   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
   7   */
   8  /**
   9   * Colors
  10   */
  11  /**
  12   * Fonts & basic variables.
  13   */
  14  /**
  15   * Typography
  16   */
  17  /**
  18   * Grid System.
  19   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  20   */
  21  /**
  22   * Radius scale.
  23   */
  24  /**
  25   * Elevation scale.
  26   */
  27  /**
  28   * Dimensions.
  29   */
  30  /**
  31   * Mobile specific styles
  32   */
  33  /**
  34   * Editor styles.
  35   */
  36  /**
  37   * Block & Editor UI.
  38   */
  39  /**
  40   * Block paddings.
  41   */
  42  /**
  43   * React Native specific.
  44   * These variables do not appear to be used anywhere else.
  45   */
  46  .wp-block-pullquote {
  47    text-align: center;
  48    overflow-wrap: break-word;
  49    box-sizing: border-box;
  50    margin: 0 0 1em 0;
  51    padding: 4em 0;
  52  }
  53  .wp-block-pullquote p,
  54  .wp-block-pullquote blockquote {
  55    color: inherit;
  56  }
  57  .wp-block-pullquote blockquote {
  58    margin: 0;
  59  }
  60  .wp-block-pullquote p {
  61    margin-top: 0;
  62  }
  63  .wp-block-pullquote p:last-child {
  64    margin-bottom: 0;
  65  }
  66  .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright {
  67    max-width: 420px;
  68  }
  69  .wp-block-pullquote cite,
  70  .wp-block-pullquote footer {
  71    position: relative;
  72  }
  73  .wp-block-pullquote .has-text-color a {
  74    color: inherit;
  75  }
  76  
  77  .wp-block-pullquote.has-text-align-left blockquote {
  78    text-align: left;
  79  }
  80  
  81  .wp-block-pullquote.has-text-align-right blockquote {
  82    text-align: right;
  83  }
  84  
  85  .wp-block-pullquote.has-text-align-center blockquote {
  86    text-align: center;
  87  }
  88  
  89  .wp-block-pullquote.is-style-solid-color {
  90    border: none;
  91  }
  92  .wp-block-pullquote.is-style-solid-color blockquote {
  93    margin-left: auto;
  94    margin-right: auto;
  95    max-width: 60%;
  96  }
  97  .wp-block-pullquote.is-style-solid-color blockquote p {
  98    margin-top: 0;
  99    margin-bottom: 0;
 100    font-size: 2em;
 101  }
 102  .wp-block-pullquote.is-style-solid-color blockquote cite {
 103    text-transform: none;
 104    font-style: normal;
 105  }
 106  
 107  .wp-block-pullquote :where(cite) {
 108    color: inherit;
 109    display: block;
 110  }