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

63 lines 1.7 KB Raw Download Zip

1	.wp-block-buttons {
2	box-sizing: border-box;
3	}
4	.wp-block-buttons.is-vertical {
5	flex-direction: column;
6	}
7	.wp-block-buttons.is-vertical > .wp-block-button:last-child {
8	margin-bottom: 0;
9	}
10	.wp-block-buttons > .wp-block-button {
11	display: inline-block;
12	margin: 0;
13	}
14	.wp-block-buttons.is-content-justification-left {
15	justify-content: flex-start;
16	}
17	.wp-block-buttons.is-content-justification-left.is-vertical {
18	align-items: flex-start;
19	}
20	.wp-block-buttons.is-content-justification-center {
21	justify-content: center;
22	}
23	.wp-block-buttons.is-content-justification-center.is-vertical {
24	align-items: center;
25	}
26	.wp-block-buttons.is-content-justification-right {
27	justify-content: flex-end;
28	}
29	.wp-block-buttons.is-content-justification-right.is-vertical {
30	align-items: flex-end;
31	}
32	.wp-block-buttons.is-content-justification-space-between {
33	justify-content: space-between;
34	}
35	.wp-block-buttons.aligncenter {
36	text-align: center;
37	}
38	.wp-block-buttons {
39	/* stylelint-disable @stylistic/indentation -- Disable the stylelint rule, otherwise this selector is ugly! */
40	}
41	.wp-block-buttons:not(.is-content-justification-space-between,
42	.is-content-justification-right,
43	.is-content-justification-left,
44	.is-content-justification-center) .wp-block-button.aligncenter {
45	/* stylelint-enable @stylistic/indentation */
46	margin-left: auto;
47	margin-right: auto;
48	width: 100%;
49	}
50	.wp-block-buttons[style*=text-decoration] .wp-block-button,
51	.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
52	text-decoration: inherit;
53	}
54	.wp-block-buttons.has-custom-font-size .wp-block-button__link {
55	font-size: inherit;
56	}
57	.wp-block-buttons .wp-block-button__link {
58	width: 100%;
59	}
60
61	.wp-block-button.aligncenter {
62	text-align: center;
63	}