@secretstache/wordpress-gutenberg 0.4.9 → 0.4.11

Sign up to get free protection for your applications and to get access to all the features.
package/build/styles.css CHANGED
@@ -1,259 +1,259 @@
1
- .block-editor__container .editor-visual-editor {
1
+ .editor-visual-editor__post-title-wrapper {
2
+ margin-top: 10px !important;
3
+ margin-bottom: 10px !important; }
4
+ .editor-visual-editor__post-title-wrapper h1.editor-post-title {
5
+ margin: 0;
6
+ border-bottom: 1px dashed #ddd;
7
+ padding-bottom: 10px;
8
+ font-weight: normal;
9
+ font-size: 30px;
10
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
11
+ text-align: center; }
12
+
13
+ .editor-visual-editor {
2
14
  z-index: 1; }
3
- .block-editor__container .editor-visual-editor:not(.is-resizable) .editor-styles-wrapper::after {
4
- display: none; }
5
- .block-editor__container .editor-visual-editor.is-resizable .root-block-appender {
15
+ .editor-visual-editor.is-resizable + .edit-post-layout__metaboxes {
6
16
  display: none; }
7
- .block-editor__container .editor-visual-editor.is-resizable + .edit-post-layout__metaboxes {
17
+ .editor-visual-editor:not(.is-resizable) .editor-styles-wrapper::after {
8
18
  display: none; }
9
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper {
10
- margin-top: 10px !important;
11
- margin-bottom: 10px !important; }
12
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper h1.editor-post-title {
13
- margin: 0;
14
- border-bottom: 1px dashed #ddd;
15
- padding-bottom: 10px;
16
- font-weight: normal;
17
- font-size: 30px;
18
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
19
- text-align: center; }
20
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container {
21
- margin-bottom: 0;
22
- padding-bottom: 0; }
23
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper {
24
- position: relative;
25
- height: auto;
26
- align-self: start; }
27
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper__actions {
28
- display: none;
29
- position: absolute;
30
- top: 0;
31
- left: 0;
32
- right: 0;
33
- bottom: 0;
34
- flex-wrap: nowrap;
35
- justify-content: center;
36
- align-items: center;
37
- gap: 20px;
38
- padding: 5px 15px;
39
- z-index: 20; }
40
- @media screen and (max-width: 768px) {
41
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper__actions {
42
- gap: 15px; } }
43
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper__btn {
44
- font-size: 14px !important;
45
- backdrop-filter: blur(16px) saturate(180%);
46
- background: rgba(255, 255, 255, 0.75);
47
- flex-grow: 1;
48
- justify-content: center;
49
- max-width: 130px; }
50
- @media screen and (max-width: 768px) {
51
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper__btn {
52
- padding: 5px; } }
53
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper__overlay {
54
- display: none;
55
- position: absolute;
56
- top: 0;
57
- left: 0;
58
- right: 0;
59
- bottom: 0;
60
- z-index: 10;
61
- background: rgba(255, 255, 255, 0.3);
62
- backdrop-filter: blur(3px); }
63
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions {
64
- display: flex; }
65
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay {
66
- display: block; }
67
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .root-block-appender {
19
+
20
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
21
+ margin-bottom: 0;
22
+ padding-bottom: 0; }
23
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper {
24
+ position: relative;
25
+ height: auto;
26
+ align-self: start; }
27
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions {
28
+ display: none;
29
+ position: absolute;
30
+ top: 0;
31
+ left: 0;
32
+ right: 0;
33
+ bottom: 0;
34
+ flex-wrap: nowrap;
35
+ justify-content: center;
36
+ align-items: center;
37
+ gap: 20px;
38
+ padding: 5px 15px;
39
+ z-index: 20; }
40
+ @media screen and (max-width: 768px) {
41
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions {
42
+ gap: 15px; } }
43
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn {
44
+ font-size: 14px !important;
45
+ backdrop-filter: blur(16px) saturate(180%);
46
+ background: rgba(255, 255, 255, 0.75);
47
+ flex-grow: 1;
48
+ justify-content: center;
49
+ max-width: 130px; }
50
+ @media screen and (max-width: 768px) {
51
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn {
52
+ padding: 5px; } }
53
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__overlay {
54
+ display: none;
55
+ position: absolute;
56
+ top: 0;
57
+ left: 0;
58
+ right: 0;
59
+ bottom: 0;
60
+ z-index: 10;
61
+ background: rgba(255, 255, 255, 0.3);
62
+ backdrop-filter: blur(3px); }
63
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions {
64
+ display: flex; }
65
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay {
66
+ display: block; }
67
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender {
68
+ position: absolute;
69
+ bottom: 30px;
70
+ left: 50%;
71
+ transform: translateX(-50%);
72
+ width: calc(100% - var(--content-padding) * 2); }
73
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender::after {
74
+ content: attr(data-tooltip);
68
75
  position: absolute;
69
- bottom: 30px;
70
76
  left: 50%;
77
+ bottom: -30px;
71
78
  transform: translateX(-50%);
72
- width: calc(100% - var(--content-padding) * 2); }
73
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .root-block-appender::after {
74
- content: attr(data-tooltip);
75
- position: absolute;
76
- left: 50%;
77
- bottom: -30px;
78
- transform: translateX(-50%);
79
- z-index: 1;
80
- visibility: hidden;
81
- opacity: 0;
82
- transition: opacity 0.3s;
83
- width: max-content;
84
- max-width: 200px;
85
- white-space: nowrap;
86
- background: #000;
87
- border-radius: 2px;
88
- color: #f0f0f0;
89
- font-size: 12px;
90
- line-height: 1.4;
91
- padding: 4px 8px;
92
- text-align: center;
93
- font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; }
94
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .root-block-appender:hover::after {
95
- visibility: visible;
96
- opacity: 1; }
97
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .root-block-appender ~ .block-list-appender.wp-block {
98
- display: none; }
99
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender {
100
- --button-color: #192f5f;
101
- --button-border: var(--button-color);
102
- --button-hover-color: var(--wp-admin-theme-color);
103
- --button-hover-border: var(--wp-admin-theme-color);
104
- --tr: .3s;
105
- display: flex;
106
- flex-direction: column;
107
- align-items: center;
79
+ z-index: 1;
80
+ visibility: hidden;
81
+ opacity: 0;
82
+ transition: opacity 0.3s;
83
+ width: max-content;
84
+ max-width: 200px;
85
+ white-space: nowrap;
86
+ background: #000;
87
+ border-radius: 2px;
88
+ color: #f0f0f0;
89
+ font-size: 12px;
90
+ line-height: 1.4;
91
+ padding: 4px 8px;
92
+ text-align: center;
93
+ font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; }
94
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender:hover::after {
95
+ visibility: visible;
96
+ opacity: 1; }
97
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender ~ .block-list-appender.wp-block {
98
+ display: none; }
99
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender {
100
+ --button-color: #192f5f;
101
+ --button-border: var(--button-color);
102
+ --button-hover-color: var(--wp-admin-theme-color);
103
+ --button-hover-border: var(--wp-admin-theme-color);
104
+ --tr: .3s;
105
+ display: flex;
106
+ flex-direction: column;
107
+ align-items: center;
108
+ justify-content: center;
109
+ padding: 32px; }
110
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__content {
111
+ text-align: center; }
112
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__icon {
113
+ width: 48px;
114
+ height: 48px;
115
+ color: var(--button-color);
116
+ margin-bottom: 16px; }
117
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__title {
118
+ font-size: 32px;
119
+ font-weight: 600;
120
+ line-height: 110%;
121
+ color: var(--button-color);
122
+ margin-bottom: 0.5rem; }
123
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__text {
124
+ font-size: 1rem;
125
+ font-weight: 400;
126
+ color: var(--button-color);
127
+ margin-bottom: 1.5rem; }
128
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender {
129
+ display: inline-flex;
108
130
  justify-content: center;
109
- padding: 32px; }
110
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__content {
111
- text-align: center; }
112
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__icon {
113
- width: 48px;
114
- height: 48px;
115
- color: var(--button-color);
116
- margin-bottom: 16px; }
117
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__title {
118
- font-size: 32px;
119
- font-weight: 600;
120
- line-height: 110%;
121
- color: var(--button-color);
122
- margin-bottom: 0.5rem; }
123
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__text {
124
- font-size: 1rem;
125
- font-weight: 400;
126
- color: var(--button-color);
127
- margin-bottom: 1.5rem; }
128
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__button .block-editor-button-block-appender {
129
- display: inline-flex;
130
- justify-content: center;
131
+ align-items: center;
132
+ transition: color var(--tr), border-color var(--tr);
133
+ cursor: pointer;
134
+ border: 2px solid var(--button-border) !important;
135
+ box-shadow: none;
136
+ border-radius: 10px;
137
+ background: transparent !important;
138
+ padding: 12px 24px;
139
+ min-height: 50px;
140
+ min-width: 200px;
141
+ color: var(--button-color);
142
+ font-weight: 600;
143
+ font-size: 22px; }
144
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender:hover, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender:focus {
145
+ color: var(--button-hover-color);
146
+ border-color: var(--button-hover-border) !important;
147
+ outline: none !important;
148
+ box-shadow: none !important; }
149
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender::before, .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender::after {
150
+ display: none !important; }
151
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender .block-editor-button-block-appender__content {
152
+ display: flex;
131
153
  align-items: center;
132
- transition: color var(--tr), border-color var(--tr);
133
- cursor: pointer;
134
- border: 2px solid var(--button-border) !important;
135
- box-shadow: none;
136
- border-radius: 10px;
137
- background: transparent !important;
138
- padding: 12px 24px;
139
- min-height: 50px;
140
- min-width: 200px;
141
- color: var(--button-color);
142
- font-weight: 600;
143
- font-size: 22px; }
144
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__button .block-editor-button-block-appender:hover, .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__button .block-editor-button-block-appender:focus {
145
- color: var(--button-hover-color);
146
- border-color: var(--button-hover-border) !important;
147
- outline: none !important;
148
- box-shadow: none !important; }
149
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__button .block-editor-button-block-appender::before, .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__button .block-editor-button-block-appender::after {
150
- display: none !important; }
151
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container .empty-block-appender__button .block-editor-button-block-appender .block-editor-button-block-appender__content {
152
- display: flex;
153
- align-items: center;
154
- justify-content: center;
155
- width: 24px;
156
- height: 24px; }
157
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container:has(.root-block-appender) {
158
- margin-bottom: 3rem;
159
- padding-bottom: 200px; }
160
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container.has-background {
161
- transition: background 1s, color 1s; }
162
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container > .block-list-appender.wp-block:only-child p {
163
- margin-top: 0;
164
- margin-bottom: 0; }
165
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container > .block-list-appender.wp-block:only-child,
166
- .block-editor__container .editor-visual-editor .editor-styles-wrapper .is-root-container > p.wp-block:only-child {
167
- margin: 2rem 0; }
154
+ justify-content: center;
155
+ width: 24px;
156
+ height: 24px; }
157
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container:has(.root-block-appender) {
158
+ margin-bottom: 3rem;
159
+ padding-bottom: 200px; }
160
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container.has-background {
161
+ transition: background 1s, color 1s; }
162
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child p {
163
+ margin-top: 0;
164
+ margin-bottom: 0; }
165
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child,
166
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > p.wp-block:only-child {
167
+ margin: 2rem 0; }
168
168
 
169
- .block-editor__container .editor-sidebar .bc-url-input input {
169
+ .editor-sidebar .bc-url-input input {
170
170
  width: 100%;
171
171
  border: 1px solid #949494; }
172
172
 
173
- .block-editor__container .editor-sidebar .components-base-control .block-editor-link-control .block-editor-url-input {
173
+ .editor-sidebar .components-base-control .block-editor-link-control .block-editor-url-input {
174
174
  margin-top: 0; }
175
175
 
176
- .block-editor__container .editor-sidebar .components-base-control .block-editor-link-control .block-editor-link-control__search-item {
176
+ .editor-sidebar .components-base-control .block-editor-link-control .block-editor-link-control__search-item {
177
177
  padding-top: 0; }
178
178
 
179
- .block-editor__container .editor-sidebar .block-editor-link-control {
179
+ .editor-sidebar .block-editor-link-control {
180
180
  min-width: 100%;
181
181
  width: 100%; }
182
- .block-editor__container .editor-sidebar .block-editor-link-control .block-editor-url-input__input {
182
+ .editor-sidebar .block-editor-link-control .block-editor-url-input__input {
183
183
  width: 100%; }
184
- .block-editor__container .editor-sidebar .block-editor-link-control .components-base-control {
184
+ .editor-sidebar .block-editor-link-control .components-base-control {
185
185
  margin-left: 0;
186
186
  margin-right: 0; }
187
- .block-editor__container .editor-sidebar .block-editor-link-control .block-editor-link-control__search-enter {
187
+ .editor-sidebar .block-editor-link-control .block-editor-link-control__search-enter {
188
188
  right: 5px; }
189
- .block-editor__container .editor-sidebar .block-editor-link-control .components-spinner {
189
+ .editor-sidebar .block-editor-link-control .components-spinner {
190
190
  top: 50%;
191
191
  transform: translateY(-50%); }
192
- .block-editor__container .editor-sidebar .block-editor-link-control .block-editor-link-control__tools,
193
- .block-editor__container .editor-sidebar .block-editor-link-control .block-editor-link-control__search-actions,
194
- .block-editor__container .editor-sidebar .block-editor-link-control .block-editor-link-control__search-results,
195
- .block-editor__container .editor-sidebar .block-editor-link-control .block-editor-link-control__search-item {
192
+ .editor-sidebar .block-editor-link-control .block-editor-link-control__tools,
193
+ .editor-sidebar .block-editor-link-control .block-editor-link-control__search-actions,
194
+ .editor-sidebar .block-editor-link-control .block-editor-link-control__search-results,
195
+ .editor-sidebar .block-editor-link-control .block-editor-link-control__search-item {
196
196
  padding-left: 0;
197
197
  padding-right: 0; }
198
- .block-editor__container .editor-sidebar .block-editor-link-control .components-menu-item__item {
198
+ .editor-sidebar .block-editor-link-control .components-menu-item__item {
199
199
  min-width: unset; }
200
- .block-editor__container .editor-sidebar .block-editor-link-control .components-button.block-editor-link-control__drawer-toggle {
200
+ .editor-sidebar .block-editor-link-control .components-button.block-editor-link-control__drawer-toggle {
201
201
  box-shadow: none;
202
202
  outline: none; }
203
203
 
204
- .block-editor__container .editor-sidebar .bc-animation-block-json-file {
204
+ .editor-sidebar .bc-animation-block-json-file {
205
205
  display: flex;
206
206
  align-items: center;
207
207
  cursor: pointer; }
208
208
 
209
- .block-editor__container .editor-sidebar .bc-remove-btn {
209
+ .editor-sidebar .bc-remove-btn {
210
210
  margin-top: 15px;
211
211
  margin-bottom: 15px;
212
212
  display: flex; }
213
213
 
214
- .block-editor__container .editor-sidebar .svg-container {
214
+ .editor-sidebar .svg-container {
215
215
  width: 100%;
216
216
  height: auto; }
217
217
 
218
- .block-editor__container .editor-sidebar .bc-selected-media-wrapper {
218
+ .editor-sidebar .bc-selected-media-wrapper {
219
219
  max-width: 200px;
220
220
  cursor: pointer;
221
221
  background: rgba(0, 0, 0, 0.3); }
222
222
 
223
- .block-editor__container .editor-sidebar .bc-selected-media {
223
+ .editor-sidebar .bc-selected-media {
224
224
  display: block;
225
225
  width: 100%; }
226
- .block-editor__container .editor-sidebar .bc-selected-media--image {
226
+ .editor-sidebar .bc-selected-media--image {
227
227
  max-height: 300px; }
228
228
 
229
- .block-editor__container .editor-sidebar .bc-select-btn,
230
- .block-editor__container .editor-sidebar .bc-remove-btn {
229
+ .editor-sidebar .bc-select-btn,
230
+ .editor-sidebar .bc-remove-btn {
231
231
  margin-top: 15px;
232
232
  margin-bottom: 15px;
233
233
  display: flex; }
234
234
 
235
- .block-editor__container .editor-sidebar .react-select__input {
235
+ .editor-sidebar .react-select__input {
236
236
  box-shadow: none !important; }
237
237
 
238
- .block-editor__container .editor-sidebar .bc-responsive-spacing-tab:last-child {
238
+ .editor-sidebar .bc-responsive-spacing-tab:last-child {
239
239
  margin-bottom: 2rem; }
240
240
 
241
- .block-editor__container .editor-sidebar .bc-spacing-control-wrapper {
241
+ .editor-sidebar .bc-spacing-control-wrapper {
242
242
  margin-bottom: 35px; }
243
243
 
244
- .block-editor__container .editor-sidebar .bc-spacing-range-control {
244
+ .editor-sidebar .bc-spacing-range-control {
245
245
  padding: 0 6px; }
246
- .block-editor__container .editor-sidebar .bc-spacing-range-control .components-base-control__label {
246
+ .editor-sidebar .bc-spacing-range-control .components-base-control__label {
247
247
  margin-left: -9px; }
248
- .block-editor__container .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper {
248
+ .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper {
249
249
  margin-bottom: 0; }
250
- .block-editor__container .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper .components-range-control__marks .components-range-control__mark-label {
250
+ .editor-sidebar .bc-spacing-range-control .components-range-control__root .components-range-control__wrapper .components-range-control__marks .components-range-control__mark-label {
251
251
  left: 8px !important;
252
252
  margin-top: 7px !important; }
253
- .block-editor__container .editor-sidebar .bc-spacing-range-control .components-base-control__help {
253
+ .editor-sidebar .bc-spacing-range-control .components-base-control__help {
254
254
  margin-left: -11px; }
255
255
 
256
- .block-editor__container .editor-sidebar .bc-add-new-child-btn {
256
+ .editor-sidebar .bc-add-new-child-btn {
257
257
  display: flex;
258
258
  margin: 20px auto !important;
259
259
  align-items: center;
@@ -268,8 +268,8 @@
268
268
  box-shadow: inset 0 0 0 1px #1e1e1e;
269
269
  color: #1e1e1e; }
270
270
 
271
- .block-editor__container .block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
272
- display: none; }
273
-
274
- .block-editor__container .block-editor-block-types-list > [role=presentation] {
271
+ .block-editor-block-types-list > [role=presentation] {
275
272
  justify-content: center; }
273
+
274
+ .block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
275
+ display: none; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@secretstache/wordpress-gutenberg",
3
- "version": "0.4.9",
3
+ "version": "0.4.11",
4
4
  "description": "",
5
5
  "author": "Secret Stache",
6
6
  "license": "GPL-2.0-or-later",
@@ -1,89 +1,83 @@
1
- .block-editor__container {
2
- .editor-visual-editor {
3
- z-index: 1;
1
+ .editor-visual-editor__post-title-wrapper {
2
+ margin-top: 10px !important;
3
+ margin-bottom: 10px !important;
4
4
 
5
- &:not(.is-resizable) {
6
- .editor-styles-wrapper::after {
7
- display: none;
8
- }
9
- }
5
+ h1.editor-post-title {
6
+ margin: 0;
7
+ border-bottom: 1px dashed #ddd;
8
+ padding-bottom: 10px;
9
+ font-weight: normal;
10
+ font-size: 30px;
11
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
12
+ text-align: center;
13
+ }
14
+ }
10
15
 
11
- &.is-resizable {
12
- // Hide then editing a pattern/reusable block
13
- .root-block-appender {
14
- display: none;
15
- }
16
+ .editor-visual-editor {
17
+ z-index: 1;
16
18
 
17
- & + .edit-post-layout__metaboxes {
18
- display: none;
19
- }
19
+ // Pattern editor
20
+ &.is-resizable {
21
+ & + .edit-post-layout__metaboxes {
22
+ display: none;
20
23
  }
24
+ }
21
25
 
22
- .editor-styles-wrapper {
23
- .edit-post-visual-editor__post-title-wrapper {
24
- margin-top: 10px !important;
25
- margin-bottom: 10px !important;
26
-
27
- h1.editor-post-title {
28
- margin: 0;
29
- border-bottom: 1px dashed #ddd;
30
- padding-bottom: 10px;
31
- font-weight: normal;
32
- font-size: 30px;
33
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
34
- text-align: center;
35
- }
36
- }
37
-
38
- .is-root-container {
39
- @import "image-wrapper";
40
- @import "root-block-appender";
41
- @import "empty-block-appender";
26
+ // Common editor
27
+ &:not(.is-resizable) {
28
+ // Hide default appender clickable area
29
+ .editor-styles-wrapper::after {
30
+ display: none;
31
+ }
32
+ }
33
+ }
42
34
 
43
- margin-bottom: 0;
44
- padding-bottom: 0;
35
+ .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
36
+ @import "image-wrapper";
37
+ @import "root-block-appender";
38
+ @import "empty-block-appender";
45
39
 
46
- &:has(.root-block-appender) {
47
- margin-bottom: 3rem;
48
- padding-bottom: 200px;
49
- }
40
+ margin-bottom: 0;
41
+ padding-bottom: 0;
50
42
 
51
- &.has-background {
52
- transition:
53
- background 1s,
54
- color 1s;
55
- }
43
+ &:has(.root-block-appender) {
44
+ margin-bottom: 3rem;
45
+ padding-bottom: 200px;
46
+ }
56
47
 
57
- & > .block-list-appender.wp-block:only-child {
58
- p {
59
- margin-top: 0;
60
- margin-bottom: 0;
61
- }
62
- }
48
+ &.has-background {
49
+ transition:
50
+ background 1s,
51
+ color 1s;
52
+ }
63
53
 
64
- & > .block-list-appender.wp-block:only-child,
65
- & > p.wp-block:only-child {
66
- margin: 2rem 0;
67
- }
68
- }
54
+ & > .block-list-appender.wp-block:only-child {
55
+ p {
56
+ margin-top: 0;
57
+ margin-bottom: 0;
69
58
  }
70
59
  }
71
60
 
72
- .editor-sidebar {
73
- @import "link-control";
74
- @import "animation-file-renderer";
75
- @import "icon-picker";
76
- @import "media-picker";
77
- @import "sortable-select";
78
- @import "responsive-spacing";
79
- @import "new-child-btn";
61
+ & > .block-list-appender.wp-block:only-child,
62
+ & > p.wp-block:only-child {
63
+ margin: 2rem 0;
80
64
  }
65
+ }
81
66
 
82
- .block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
83
- display: none;
84
- }
67
+ .editor-sidebar {
68
+ @import "link-control";
69
+ @import "animation-file-renderer";
70
+ @import "icon-picker";
71
+ @import "media-picker";
72
+ @import "sortable-select";
73
+ @import "responsive-spacing";
74
+ @import "new-child-btn";
75
+ }
85
76
 
86
- .block-editor-block-types-list > [role=presentation] {
87
- justify-content: center;
88
- }
77
+ .block-editor-block-types-list > [role=presentation] {
78
+ justify-content: center;
79
+ }
80
+
81
+ .block-editor-inserter__insertable-blocks-at-selection + .block-editor-inserter__all-blocks {
82
+ display: none;
89
83
  }
@@ -18,7 +18,6 @@ export const linkControlAttribute = {
18
18
  };
19
19
 
20
20
  /**
21
- *
22
21
  * @param name
23
22
  * @returns {{[p: string]: {default: {filename: null, mime: null, alt: null, name: null, id: null, url: null}, type: string}}}
24
23
  */