[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /**
   5   * Breakpoints & Media Queries
   6   */
   7  /**
   8   * SCSS Variables.
   9   *
  10   * Please use variables from this sheet to ensure consistency across the UI.
  11   * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  12   * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  13   */
  14  /**
  15   * Colors
  16   */
  17  /**
  18   * Fonts & basic variables.
  19   */
  20  /**
  21   * Grid System.
  22   * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  23   */
  24  /**
  25   * Dimensions.
  26   */
  27  /**
  28   * Shadows.
  29   */
  30  /**
  31   * Editor widths.
  32   */
  33  /**
  34   * Block & Editor UI.
  35   */
  36  /**
  37   * Block paddings.
  38   */
  39  /**
  40   * React Native specific.
  41   * These variables do not appear to be used anywhere else.
  42   */
  43  /**
  44  *  Converts a hex value into the rgb equivalent.
  45  *
  46  * @param {string} hex - the hexadecimal value to convert
  47  * @return {string} comma separated rgb values
  48  */
  49  /**
  50   * Breakpoint mixins
  51   */
  52  /**
  53   * Long content fade mixin
  54   *
  55   * Creates a fading overlay to signify that the content is longer
  56   * than the space allows.
  57   */
  58  /**
  59   * Focus styles.
  60   */
  61  /**
  62   * Applies editor left position to the selector passed as argument
  63   */
  64  /**
  65   * Styles that are reused verbatim in a few places
  66   */
  67  /**
  68   * Allows users to opt-out of animations via OS-level preferences.
  69   */
  70  /**
  71   * Reset default styles for JavaScript UI based pages.
  72   * This is a WP-admin agnostic reset
  73   */
  74  /**
  75   * Reset the WP Admin page styles for Gutenberg-like pages.
  76   */
  77  .wp-block-post-comments {
  78    /* utility classes */
  79    /* end utility classes */
  80  }
  81  .wp-block-post-comments .alignleft {
  82    float: left;
  83  }
  84  .wp-block-post-comments .alignright {
  85    float: right;
  86  }
  87  .wp-block-post-comments .navigation::after {
  88    content: "";
  89    display: table;
  90    clear: both;
  91  }
  92  .wp-block-post-comments .commentlist {
  93    clear: both;
  94    list-style: none;
  95    margin: 0;
  96    padding: 0;
  97  }
  98  .wp-block-post-comments .commentlist .comment {
  99    min-height: 2.25em;
 100    padding-left: 3.25em;
 101  }
 102  .wp-block-post-comments .commentlist .comment p {
 103    font-size: 1em;
 104    line-height: 1.8;
 105    margin: 1em 0;
 106  }
 107  .wp-block-post-comments .commentlist .children {
 108    list-style: none;
 109    margin: 0;
 110    padding: 0;
 111  }
 112  .wp-block-post-comments .comment-author {
 113    line-height: 1.5;
 114  }
 115  .wp-block-post-comments .comment-author .avatar {
 116    border-radius: 1.5em;
 117    display: block;
 118    float: left;
 119    height: 2.5em;
 120    margin-top: 0.5em;
 121    margin-right: 0.75em;
 122    width: 2.5em;
 123  }
 124  .wp-block-post-comments .comment-author cite {
 125    font-style: normal;
 126  }
 127  .wp-block-post-comments .comment-meta {
 128    font-size: 0.875em;
 129    line-height: 1.5;
 130  }
 131  .wp-block-post-comments .comment-meta b {
 132    font-weight: normal;
 133  }
 134  .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
 135    margin-top: 1em;
 136    margin-bottom: 1em;
 137    display: block;
 138  }
 139  .wp-block-post-comments .comment-body .commentmetadata {
 140    font-size: 0.875em;
 141  }
 142  .wp-block-post-comments .comment-form-comment label,
 143  .wp-block-post-comments .comment-form-author label,
 144  .wp-block-post-comments .comment-form-email label,
 145  .wp-block-post-comments .comment-form-url label {
 146    display: block;
 147    margin-bottom: 0.25em;
 148  }
 149  .wp-block-post-comments .comment-form textarea,
 150  .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
 151    display: block;
 152    box-sizing: border-box;
 153    width: 100%;
 154  }
 155  .wp-block-post-comments .comment-form-cookies-consent {
 156    display: flex;
 157    gap: 0.25em;
 158  }
 159  .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
 160    margin-top: 0.35em;
 161  }
 162  .wp-block-post-comments .comment-reply-title {
 163    margin-bottom: 0;
 164  }
 165  .wp-block-post-comments .comment-reply-title :where(small) {
 166    font-size: var(--wp--preset--font-size--medium, smaller);
 167    margin-left: 0.5em;
 168  }
 169  .wp-block-post-comments .reply {
 170    font-size: 0.875em;
 171    margin-bottom: 1.4em;
 172  }
 173  .wp-block-post-comments textarea,
 174  .wp-block-post-comments input:not([type=submit]) {
 175    border: 1px solid #949494;
 176    font-size: 1em;
 177    font-family: inherit;
 178  }
 179  .wp-block-post-comments textarea,
 180  .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
 181    padding: calc(0.667em + 2px);
 182  }
 183  .wp-block-post-comments input[type=submit] {
 184    border: none;
 185  }