[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, .wp-block-comments__legacy-placeholder {
   6    box-sizing: border-box;
   7    /* utility classes */
   8  }
   9  .wp-block-post-comments .alignleft, .wp-block-comments__legacy-placeholder .alignleft {
  10    float: left;
  11  }
  12  .wp-block-post-comments .alignright, .wp-block-comments__legacy-placeholder .alignright {
  13    float: right;
  14  }
  15  .wp-block-post-comments, .wp-block-comments__legacy-placeholder {
  16    /* end utility classes */
  17  }
  18  .wp-block-post-comments .navigation::after, .wp-block-comments__legacy-placeholder .navigation::after {
  19    content: "";
  20    display: table;
  21    clear: both;
  22  }
  23  .wp-block-post-comments .commentlist, .wp-block-comments__legacy-placeholder .commentlist {
  24    clear: both;
  25    list-style: none;
  26    margin: 0;
  27    padding: 0;
  28  }
  29  .wp-block-post-comments .commentlist .comment, .wp-block-comments__legacy-placeholder .commentlist .comment {
  30    min-height: 2.25em;
  31    padding-left: 3.25em;
  32  }
  33  .wp-block-post-comments .commentlist .comment p, .wp-block-comments__legacy-placeholder .commentlist .comment p {
  34    font-size: 1em;
  35    line-height: 1.8;
  36    margin: 1em 0;
  37  }
  38  .wp-block-post-comments .commentlist .children, .wp-block-comments__legacy-placeholder .commentlist .children {
  39    list-style: none;
  40    margin: 0;
  41    padding: 0;
  42  }
  43  .wp-block-post-comments .comment-author, .wp-block-comments__legacy-placeholder .comment-author {
  44    line-height: 1.5;
  45  }
  46  .wp-block-post-comments .comment-author .avatar, .wp-block-comments__legacy-placeholder .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, .wp-block-comments__legacy-placeholder .comment-author cite {
  56    font-style: normal;
  57  }
  58  .wp-block-post-comments .comment-meta, .wp-block-comments__legacy-placeholder .comment-meta {
  59    font-size: 0.875em;
  60    line-height: 1.5;
  61  }
  62  .wp-block-post-comments .comment-meta b, .wp-block-comments__legacy-placeholder .comment-meta b {
  63    font-weight: normal;
  64  }
  65  .wp-block-post-comments .comment-meta .comment-awaiting-moderation, .wp-block-comments__legacy-placeholder .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, .wp-block-comments__legacy-placeholder .comment-body .commentmetadata {
  71    font-size: 0.875em;
  72  }
  73  .wp-block-post-comments .comment-form-comment label, .wp-block-comments__legacy-placeholder .comment-form-comment label,
  74  .wp-block-post-comments .comment-form-author label,
  75  .wp-block-comments__legacy-placeholder .comment-form-author label,
  76  .wp-block-post-comments .comment-form-email label,
  77  .wp-block-comments__legacy-placeholder .comment-form-email label,
  78  .wp-block-post-comments .comment-form-url label,
  79  .wp-block-comments__legacy-placeholder .comment-form-url label {
  80    display: block;
  81    margin-bottom: 0.25em;
  82  }
  83  .wp-block-post-comments .comment-form textarea, .wp-block-comments__legacy-placeholder .comment-form textarea,
  84  .wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),
  85  .wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]) {
  86    display: block;
  87    box-sizing: border-box;
  88    width: 100%;
  89  }
  90  .wp-block-post-comments .comment-form-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent {
  91    display: flex;
  92    gap: 0.25em;
  93  }
  94  .wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent, .wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent {
  95    margin-top: 0.35em;
  96  }
  97  .wp-block-post-comments .comment-reply-title, .wp-block-comments__legacy-placeholder .comment-reply-title {
  98    margin-bottom: 0;
  99  }
 100  .wp-block-post-comments .comment-reply-title :where(small), .wp-block-comments__legacy-placeholder .comment-reply-title :where(small) {
 101    font-size: var(--wp--preset--font-size--medium, smaller);
 102    margin-left: 0.5em;
 103  }
 104  .wp-block-post-comments .reply, .wp-block-comments__legacy-placeholder .reply {
 105    font-size: 0.875em;
 106    margin-bottom: 1.4em;
 107  }
 108  .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
 109  .wp-block-post-comments input:not([type=submit]),
 110  .wp-block-comments__legacy-placeholder input:not([type=submit]) {
 111    border: 1px solid #949494;
 112    font-size: 1em;
 113    font-family: inherit;
 114  }
 115  .wp-block-post-comments textarea, .wp-block-comments__legacy-placeholder textarea,
 116  .wp-block-post-comments input:not([type=submit]):not([type=checkbox]),
 117  .wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]) {
 118    padding: calc(0.667em + 2px);
 119  }
 120  
 121  :where(.wp-block-post-comments input[type=submit], .wp-block-comments__legacy-placeholder input[type=submit]) {
 122    border: none;
 123  }
 124  
 125  .wp-block-comments {
 126    box-sizing: border-box;
 127  }
 128  
 129  .block-library-comments-toolbar__popover .components-popover__content {
 130    min-width: 230px;
 131  }
 132  
 133  .wp-block-comments__legacy-placeholder * {
 134    pointer-events: none;
 135  }