editor.scss — GenerateBlocks 1.5.2

generateblocks / src / blocks / image / editor.scss

generateblocks / src / blocks / image Last commit date

editor.scss

88 lines

1	.gblocks-image-dimensions {
2	&__row {
3	display: flex;
4	justify-content: space-between;
5
6	& > div {
7	width: calc(50% - 2px);
8	}
9
10	.components-base-control {
11	margin: 0 !important;
12
13	&__field {
14	margin: 0;
15	}
16	}
17	}
18	}
19
20	[data-align=wide]=wide],
21	[data-align=full]=full] {
22	& > .gb-block-image {
23	max-width: none;
24
25	img {
26	height: auto;
27	width: 100%;
28	}
29	}
30	}
31
32	.wp-block-generateblocks-image {
33	margin: 0;
34	position: relative;
35
36	&.is-applying img {
37	opacity: 0.3;
38	}
39
40	// Shown while image is being uploaded
41	.components-spinner {
42	position: absolute;
43	top: 50%;
44	left: 50%;
45	margin-top: -9px;
46	margin-left: -9px;
47	}
48
49	img {
50	vertical-align: middle;
51	max-width: 100%;
52	height: auto;
53	}
54
55	figcaption p {
56	margin: 0;
57	}
58
59	// Inherit border radius from style variations.
60	.components-placeholder,
61	.components-resizable-box__container {
62	border-radius: inherit;
63	}
64
65	.gblocks-image__placeholder {
66	position: relative;
67	max-width: 100%;
68
69	img {
70	border: 1px dashed currentColor;
71	opacity: 0.4;
72	}
73
74	.components-placeholder__illustration {
75	position: absolute;
76	top: 0;
77	right: 0;
78	bottom: 0;
79	left: 0;
80	width: 100%;
81	height: 100%;
82	stroke: currentColor;
83	stroke-dasharray: 3;
84	opacity: 0.4;
85	}
86	}
87	}
88