[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-comment label,
  74  .wp-block-post-comments .comment-form-author label,
  75  .wp-block-post-comments .comment-form-email label,
  76  .wp-block-post-comments .comment-form-url label {
  77    display: block;
  78    margin-bottom: 0.25em;
  79  }
  80  .wp-block-post-comments .comment-form textarea,
  81  .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
  82    display: block;
  83    box-sizing: border-box;
  84    width: 100%;
  85  }
  86  .wp-block-post-comments .comment-form-cookies-consent {
  87    display: flex;
  88    gap: 0.25em;
  89  }
  90  .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
  91    margin-top: 0.35em;
  92  }
  93  .wp-block-post-comments .comment-reply-title {
  94    margin-bottom: 0;
  95  }
  96  .wp-block-post-comments .comment-reply-title :where(small) {
  97    font-size: var(--wp--preset--font-size--medium, smaller);
  98    margin-left: 0.5em;
  99  }
 100  .wp-block-post-comments .reply {
 101    font-size: 0.875em;
 102    margin-bottom: 1.4em;
 103  }
 104  .wp-block-post-comments textarea,
 105  .wp-block-post-comments input:not([type=submit]) {
 106    border: 1px solid #949494;
 107    font-size: 1em;
 108    font-family: inherit;
 109  }
 110  .wp-block-post-comments textarea,
 111  .wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
 112    padding: calc(0.667em + 2px);
 113  }
 114  
 115  :where(.wp-block-post-comments input[type=submit]) {
 116    border: none;
 117  }
 118  
 119  .wp-block-comments {
 120    box-sizing: border-box;
 121  }