style.css in Gutenberg 23.2.0, at build/styles/block-library/comments/style.css

121 lines 2.8 KB Raw Download Zip

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	}