gutenberg / build / styles / block-library / comments / editor.css

editor.css in Gutenberg 23.6.2, at build/styles/block-library/comments/editor.css

135 lines 4.9 KB

Raw Download Zip

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	}