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

91 lines 2.8 KB Raw Download Zip

1	.wp-block-button__link {
2	cursor: pointer;
3	display: inline-block;
4	text-align: center;
5	word-break: break-word;
6	box-sizing: border-box;
7	height: 100%;
8	align-content: center;
9	}
10	.wp-block-button__link.aligncenter {
11	text-align: center;
12	}
13	.wp-block-button__link.alignright {
14	/rtl:ignore/
15	text-align: right;
16	}
17
18	:where(.wp-block-button__link) {
19	box-shadow: none;
20	text-decoration: none;
21	border-radius: 9999px;
22	padding: calc(0.667em + 2px) calc(1.333em + 2px);
23	}
24
25	.wp-block-button[style*=text-decoration] .wp-block-button__link {
26	text-decoration: inherit;
27	}
28
29	.wp-block-buttons > .wp-block-button.has-custom-width {
30	max-width: none;
31	}
32	.wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link {
33	width: 100%;
34	}
35	.wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link {
36	font-size: inherit;
37	}
38	.wp-block-buttons > .wp-block-button[class*=wp-block-button__width] {
39	width: calc(var(--wp--block-button--width) * 1% - var(--wp--style--block-gap, 0.5em) * (1 - var(--wp--block-button--width) / 100));
40	}
41	.wp-block-buttons > .wp-block-button.wp-block-button__width-25 {
42	width: calc(25% - var(--wp--style--block-gap, 0.5em) * 0.75);
43	}
44	.wp-block-buttons > .wp-block-button.wp-block-button__width-50 {
45	width: calc(50% - var(--wp--style--block-gap, 0.5em) * 0.5);
46	}
47	.wp-block-buttons > .wp-block-button.wp-block-button__width-75 {
48	width: calc(75% - var(--wp--style--block-gap, 0.5em) * 0.25);
49	}
50	.wp-block-buttons > .wp-block-button.wp-block-button__width-100 {
51	width: 100%;
52	flex-basis: 100%;
53	}
54
55	.wp-block-buttons.is-vertical > .wp-block-button[class*=wp-block-button__width] {
56	width: calc(var(--wp--block-button--width) * 1%);
57	}
58	.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-25 {
59	width: 25%;
60	}
61	.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-50 {
62	width: 50%;
63	}
64	.wp-block-buttons.is-vertical > .wp-block-button.wp-block-button__width-75 {
65	width: 75%;
66	}
67
68	.wp-block-button.is-style-squared,
69	.wp-block-button__link.wp-block-button.is-style-squared {
70	border-radius: 0;
71	}
72
73	.wp-block-button.no-border-radius,
74	.wp-block-button__link.no-border-radius {
75	border-radius: 0 !important;
76	}
77
78	:root :where(.wp-block-button.is-style-outline > .wp-block-button__link),
79	:root :where(.wp-block-button .wp-block-button__link.is-style-outline) {
80	border: 2px solid currentColor;
81	padding: 0.667em 1.333em;
82	}
83	:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color)),
84	:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)) {
85	color: currentColor;
86	}
87	:root :where(.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background)),
88	:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)) {
89	background-color: transparent;
90	background-image: none;
91	}