1/**
2 * Colors
3 */
4/**
5 * Breakpoints & Media Queries
6 */
7/**
8 * SCSS Variables.
9 *
10 * Please use variables from this sheet to ensure consistency across the UI.
11 * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
12 * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
13 */
14/**
15 * Colors
16 */
17/**
18 * Fonts & basic variables.
19 */
20/**
21 * Grid System.
22 * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
23 */
24/**
25 * Dimensions.
26 */
27/**
28 * Shadows.
29 */
30/**
31 * Editor widths.
32 */
33/**
34 * Block & Editor UI.
35 */
36/**
37 * Block paddings.
38 */
39/**
40 * React Native specific.
41 * These variables do not appear to be used anywhere else.
42 */
43/**
44 * Breakpoint mixins
45 */
46/**
47 * Long content fade mixin
48 *
49 * Creates a fading overlay to signify that the content is longer
50 * than the space allows.
51 */
52/**
53 * Focus styles.
54 */
55/**
56 * Applies editor left position to the selector passed as argument
57 */
58/**
59 * Styles that are reused verbatim in a few places
60 */
61/**
62 * Allows users to opt-out of animations via OS-level preferences.
63 */
64/**
65 * Reset default styles for JavaScript UI based pages.
66 * This is a WP-admin agnostic reset
67 */
68/**
69 * Reset the WP Admin page styles for Gutenberg-like pages.
70 */
71.wp-block-buttons {
72  display: flex;
73  flex-direction: row;
74  flex-wrap: wrap;
75  column-gap: 0.5em;
76  /* stylelint-disable indentation */
77}
78.wp-block-buttons.is-vertical {
79  flex-direction: column;
80}
81.wp-block-buttons.is-vertical > .wp-block-button {
82  margin-right: 0;
83}
84.wp-block-buttons.is-vertical > .wp-block-button:last-child {
85  margin-bottom: 0;
86}
87.wp-block-buttons > .wp-block-button {
88  display: inline-block;
89  margin-left: 0;
90  margin-right: 0.5em;
91  margin-bottom: 0.5em;
92}
93.wp-block-buttons > .wp-block-button:last-child {
94  margin-right: 0;
95}
96.wp-block-buttons.is-content-justification-left {
97  justify-content: flex-start;
98}
99.wp-block-buttons.is-content-justification-left.is-vertical {
100  align-items: flex-start;
101}
102.wp-block-buttons.is-content-justification-center {
103  justify-content: center;
104}
105.wp-block-buttons.is-content-justification-center.is-vertical {
106  align-items: center;
107}
108.wp-block-buttons.is-content-justification-right {
109  justify-content: flex-end;
110}
111.wp-block-buttons.is-content-justification-right > .wp-block-button {
112  margin-left: 0.5em;
113  margin-right: 0;
114}
115.wp-block-buttons.is-content-justification-right > .wp-block-button:first-child {
116  margin-left: 0;
117}
118.wp-block-buttons.is-content-justification-right.is-vertical {
119  align-items: flex-end;
120}
121.wp-block-buttons.is-content-justification-space-between {
122  justify-content: space-between;
123}
124.wp-block-buttons.aligncenter {
125  text-align: center;
126}
127.wp-block-buttons.alignleft .wp-block-button {
128  margin-left: 0;
129  margin-right: 0.5em;
130}
131.wp-block-buttons.alignleft .wp-block-button:last-child {
132  margin-right: 0;
133}
134.wp-block-buttons.alignright .wp-block-button {
135  margin-right: 0;
136  margin-left: 0.5em;
137}
138.wp-block-buttons.alignright .wp-block-button:first-child {
139  margin-left: 0;
140}
141.wp-block-buttons:not(.is-content-justification-space-between,
142.is-content-justification-right,
143.is-content-justification-left,
144.is-content-justification-center) .wp-block-button.aligncenter {
145  /* stylelint-enable indentation */
146  margin-right: auto;
147  margin-left: auto;
148  margin-bottom: 0.5em;
149  width: 100%;
150}
151
152.wp-block-button.aligncenter {
153  text-align: center;
154}