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

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

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