[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * SCSS Variables.
   6   *
   7   * Please use variables from this sheet to ensure consistency across the UI.
   8   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
   9   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  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  .entities-saved-states__panel-header {
  47    box-sizing: border-box;
  48    background: #fff;
  49    padding-right: 16px;
  50    padding-left: 16px;
  51    height: 64px;
  52    border-bottom: 1px solid #ddd;
  53  }
  54  
  55  .entities-saved-states__text-prompt {
  56    padding: 16px;
  57    padding-bottom: 4px;
  58  }
  59  .entities-saved-states__text-prompt .entities-saved-states__text-prompt--header {
  60    display: block;
  61    margin-bottom: 12px;
  62  }
  63  
  64  .entities-saved-states__panel.is-inline .entities-saved-states__text-prompt {
  65    padding: 0;
  66  }
  67  .entities-saved-states__panel.is-inline .entities-saved-states__panel-body {
  68    padding-right: 0;
  69    padding-left: 0;
  70    border: 0;
  71  }
  72  .entities-saved-states__panel.is-inline .entities-saved-states__panel-body > h2 {
  73    margin-right: -16px;
  74    margin-left: -16px;
  75    margin-bottom: 0;
  76  }
  77  .entities-saved-states__panel.is-inline .entities-saved-states__panel-body > h2 button {
  78    font-size: 11px;
  79    text-transform: uppercase;
  80  }
  81  .entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--header-wrapper {
  82    display: none;
  83  }
  84  .entities-saved-states__panel.is-inline .entities-saved-states__text-prompt--changes-count {
  85    margin-top: 0;
  86    margin-bottom: 8px;
  87  }
  88  .entities-saved-states__panel.is-inline .entities-saved-states__panel-footer {
  89    margin-top: 16px;
  90  }
  91  
  92  .entities-saved-states__change-control {
  93    flex: 1;
  94  }
  95  
  96  .entities-saved-states__changes {
  97    font-size: 13px;
  98    margin: 4px 24px 0 16px;
  99    list-style: disc;
 100  }
 101  .entities-saved-states__changes li {
 102    margin-bottom: 4px;
 103  }