[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  .is-small-text {
  47    font-size: 0.875em;
  48  }
  49  
  50  .is-regular-text {
  51    font-size: 1em;
  52  }
  53  
  54  .is-large-text {
  55    font-size: 2.25em;
  56  }
  57  
  58  .is-larger-text {
  59    font-size: 3em;
  60  }
  61  
  62  .has-drop-cap:not(:focus)::first-letter {
  63    float: right;
  64    font-size: 8.4em;
  65    line-height: 0.68;
  66    font-weight: 100;
  67    margin: 0.05em 0 0 0.1em;
  68    text-transform: uppercase;
  69    font-style: normal;
  70  }
  71  
  72  body.rtl .has-drop-cap:not(:focus)::first-letter {
  73    float: initial;
  74    margin-right: 0.1em;
  75  }
  76  
  77  p.has-drop-cap.has-background {
  78    overflow: hidden;
  79  }
  80  
  81  :root :where(p.has-background) {
  82    padding: 1.25em 2.375em;
  83  }
  84  
  85  :where(p.has-text-color:not(.has-link-color)) a {
  86    color: inherit;
  87  }
  88  
  89  p.has-text-align-right[style*="writing-mode:vertical-rl"],
  90  p.has-text-align-left[style*="writing-mode:vertical-lr"] {
  91    rotate: 180deg;
  92  }