[Summary view] [Print] [Text view]

   1  /**
   2   * Colors
   3   */
   4  /* Styles for backwards compatibility with the legacy `post-comments` block */
   5  .wp-block-post-comments {
   6    box-sizing: border-box;
   7    /* utility classes */
   8  }
   9  .wp-block-post-comments .alignleft {
  10    float: left;
  11  }
  12  .wp-block-post-comments .alignright {
  13    float: right;
  14  }
  15  .wp-block-post-comments {
  16    /* end utility classes */
  17  }
  18  .wp-block-post-comments .navigation::after {
  19    content: "";
  20    display: table;
  21    clear: both;
  22  }
  23  .wp-block-post-comments .commentlist {
  24    clear: both;
  25    list-style: none;
  26    margin: 0;
  27    padding: 0;
  28  }
  29  .wp-block-post-comments .commentlist .comment {
  30    min-height: 2.25em;
  31    padding-left: 3.25em;
  32  }
  33  .wp-block-post-comments .commentlist .comment p {
  34    font-size: 1em;
  35    line-height: 1.8;
  36    margin: 1em 0;
  37  }
  38  .wp-block-post-comments .commentlist .children {
  39    list-style: none;
  40    margin: 0;
  41    padding: 0;
  42  }
  43  .wp-block-post-comments .comment-author {
  44    line-height: 1.5;
  45  }
  46  .wp-block-post-comments .comment-author .avatar {
  47    border-radius: 1.5em;
  48    display: block;
  49    float: left;
  50    height: 2.5em;
  51    margin-top: 0.5em;
  52    margin-right: 0.75em;
  53    width: 2.5em;
  54  }
  55  .wp-block-post-comments .comment-author cite {
  56    font-style: normal;
  57  }
  58  .wp-block-post-comments .comment-meta {
  59    font-size: 0.875em;
  60    line-height: 1.5;
  61  }
  62  .wp-block-post-comments .comment-meta b {
  63    font-weight: normal;
  64  }
  65  .wp-block-post-comments .comment-meta .comment-awaiting-moderation {
  66    margin-top: 1em;
  67    margin-bottom: 1em;
  68    display: block;
  69  }
  70  .wp-block-post-comments .comment-body .commentmetadata {
  71    font-size: 0.875em;
  72  }
  73  .wp-block-post-comments .comment-form textarea,
  74  .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
  75    display: block;
  76    box-sizing: border-box;
  77    width: 100%;
  78  }
  79  .wp-block-post-comments .comment-form-cookies-consent {
  80    display: flex;
  81    gap: 0.25em;
  82  }
  83  .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
  84    margin-top: 0.35em;
  85  }
  86  .wp-block-post-comments .comment-reply-title {
  87    margin-bottom: 0;
  88  }
  89  .wp-block-post-comments .comment-reply-title :where(small) {
  90    font-size: var(--wp--preset--font-size--medium, smaller);
  91    margin-left: 0.5em;
  92  }
  93  .wp-block-post-comments .reply {
  94    font-size: 0.875em;
  95    margin-bottom: 1.4em;
  96  }
  97  .wp-block-post-comments textarea,
  98  .wp-block-post-comments input:not([type=submit]) {
  99    border: 1px solid #949494;
 100    font-size: 1em;
 101    font-family: inherit;
 102  }
 103  .wp-block-post-comments textarea,
 104  .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
 105    padding: calc(0.667em + 2px);
 106  }
 107  
 108  :where(.wp-block-post-comments .comment-form-comment label),
 109  :where(.wp-block-post-comments .comment-form-author label),
 110  :where(.wp-block-post-comments .comment-form-email label),
 111  :where(.wp-block-post-comments .comment-form-url label) {
 112    display: block;
 113    margin-bottom: 0.25em;
 114  }
 115  
 116  :where(.wp-block-post-comments input[type=submit]) {
 117    border: none;
 118  }
 119  
 120  .wp-block-comments {
 121    box-sizing: border-box;
 122  }