[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  h1:where(.wp-block-heading).has-background,
  47  h2:where(.wp-block-heading).has-background,
  48  h3:where(.wp-block-heading).has-background,
  49  h4:where(.wp-block-heading).has-background,
  50  h5:where(.wp-block-heading).has-background,
  51  h6:where(.wp-block-heading).has-background {
  52    padding: 1.25em 2.375em;
  53  }
  54  h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]), h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
  55  h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
  56  h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
  57  h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
  58  h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
  59  h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
  60  h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
  61  h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
  62  h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),
  63  h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),
  64  h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]) {
  65    rotate: 180deg;
  66  }