@wordpress/block-library
Version:
Block library for the WordPress editor.
121 lines (119 loc) • 2.88 kB
CSS
/**
* Colors
*/
/* Styles for backwards compatibility with the legacy `post-comments` block */
.wp-block-post-comments {
box-sizing: border-box;
/* utility classes */
}
.wp-block-post-comments .alignleft {
float: right;
}
.wp-block-post-comments .alignright {
float: left;
}
.wp-block-post-comments {
/* end utility classes */
}
.wp-block-post-comments .navigation::after {
content: "";
display: table;
clear: both;
}
.wp-block-post-comments .commentlist {
clear: both;
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-right: 3.25em;
}
.wp-block-post-comments .commentlist .comment p {
font-size: 1em;
line-height: 1.8;
margin: 1em 0;
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0;
}
.wp-block-post-comments .comment-author {
line-height: 1.5;
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: right;
height: 2.5em;
margin-top: 0.5em;
margin-left: 0.75em;
width: 2.5em;
}
.wp-block-post-comments .comment-author cite {
font-style: normal;
}
.wp-block-post-comments .comment-meta {
font-size: 0.875em;
line-height: 1.5;
}
.wp-block-post-comments .comment-meta b {
font-weight: normal;
}
.wp-block-post-comments .comment-meta .comment-awaiting-moderation {
margin-top: 1em;
margin-bottom: 1em;
display: block;
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: 0.875em;
}
.wp-block-post-comments .comment-form-comment label,
.wp-block-post-comments .comment-form-author label,
.wp-block-post-comments .comment-form-email label,
.wp-block-post-comments .comment-form-url label {
display: block;
margin-bottom: 0.25em;
}
.wp-block-post-comments .comment-form textarea,
.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]) {
display: block;
box-sizing: border-box;
width: 100%;
}
.wp-block-post-comments .comment-form-cookies-consent {
display: flex;
gap: 0.25em;
}
.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-top: 0.35em;
}
.wp-block-post-comments .comment-reply-title {
margin-bottom: 0;
}
.wp-block-post-comments .comment-reply-title :where(small) {
font-size: var(--wp--preset--font-size--medium, smaller);
margin-right: 0.5em;
}
.wp-block-post-comments .reply {
font-size: 0.875em;
margin-bottom: 1.4em;
}
.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type=submit]) {
border: 1px solid #949494;
font-size: 1em;
font-family: inherit;
}
.wp-block-post-comments textarea,
.wp-block-post-comments input:not([type=submit]):not([type=checkbox]) {
padding: calc(0.667em + 2px);
}
:where(.wp-block-post-comments input[type=submit]) {
border: none;
}
.wp-block-comments {
box-sizing: border-box;
}