editor-rtl.css in Gutenberg 23.2.0, at build/styles/block-library/cover/editor-rtl.css

131 lines 2.7 KB Raw Download Zip

1	/**
2	* SCSS Variables.
3	*
4	* Please use variables from this sheet to ensure consistency across the UI.
5	* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
6	* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
7	*/
8	/**
9	* Colors
10	*/
11	/**
12	* Fonts & basic variables.
13	*/
14	/**
15	* Typography
16	*/
17	/**
18	* Grid System.
19	* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
20	*/
21	/**
22	* Radius scale.
23	*/
24	/**
25	* Elevation scale.
26	*/
27	/**
28	* Dimensions.
29	*/
30	/**
31	* Mobile specific styles
32	*/
33	/**
34	* Editor styles.
35	*/
36	/**
37	* Block & Editor UI.
38	*/
39	/**
40	* Block paddings.
41	*/
42	/**
43	* React Native specific.
44	* These variables do not appear to be used anywhere else.
45	*/
46	.wp-block-cover.is-placeholder {
47	padding: 0 !important;
48	display: flex;
49	align-items: stretch;
50	min-height: 240px;
51	}
52	.wp-block-cover.is-placeholder .components-placeholder.is-large {
53	justify-content: flex-start;
54	z-index: 1;
55	}
56	.wp-block-cover.is-placeholder:focus::after {
57	min-height: auto;
58	}
59	.wp-block-cover.components-placeholder h2 {
60	color: inherit;
61	}
62	.wp-block-cover.is-transient {
63	position: relative;
64	}
65	.wp-block-cover.is-transient::before {
66	background-color: #fff;
67	content: "";
68	height: 100%;
69	opacity: 0.3;
70	position: absolute;
71	width: 100%;
72	z-index: 1;
73	}
74	.wp-block-cover.is-transient .wp-block-cover__inner-container {
75	z-index: 2;
76	}
77	.wp-block-cover .components-spinner {
78	position: absolute;
79	top: 50%;
80	right: 50%;
81	transform: translate(50%, -50%);
82	margin: 0;
83	}
84	.wp-block-cover .wp-block-cover__inner-container {
85	text-align: right;
86	margin-right: 0;
87	margin-left: 0;
88	}
89	.wp-block-cover .wp-block-cover__placeholder-background-options {
90	width: 100%;
91	}
92	.wp-block-cover .wp-block-cover__image--placeholder-image {
93	position: absolute;
94	top: 0;
95	left: 0;
96	bottom: 0;
97	right: 0;
98	}
99
100	[data-align=left] > .wp-block-cover,
101	[data-align=right] > .wp-block-cover {
102	max-width: 420px;
103	width: 100%;
104	}
105
106	.block-library-cover__reset-button {
107	margin-right: auto;
108	}
109
110	.block-library-cover__resize-container {
111	position: absolute !important;
112	top: 0;
113	right: 0;
114	left: 0;
115	bottom: 0;
116	min-height: 50px;
117	}
118
119	.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content > div,
120	.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container {
121	pointer-events: none;
122	overflow: visible;
123	}
124
125	.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover {
126	background-attachment: scroll;
127	}
128
129	.color-block-support-panel__inner-wrapper > :not(.block-editor-tools-panel-color-gradient-settings__item) {
130	margin-top: 24px;
131	}