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

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