@secretstache/wordpress-gutenberg 0.4.10 → 0.4.12

package/build/styles.css

@@ -17,14 +17,14 @@
   .editor-visual-editor:not(.is-resizable) .editor-styles-wrapper::after {
     display: none; }
 
-.is-root-container {
+.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
   margin-bottom: 0;
   padding-bottom: 0; }
-  .is-root-container .bc-image-wrapper {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper {
     position: relative;
     height: auto;
     align-self: start; }
-    .is-root-container .bc-image-wrapper__actions {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions {
       display: none;
       position: absolute;
       top: 0;
@@ -38,9 +38,9 @@
       padding: 5px 15px;
       z-index: 20; }
       @media screen and (max-width: 768px) {
-        .is-root-container .bc-image-wrapper__actions {
+        .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__actions {
           gap: 15px; } }
-    .is-root-container .bc-image-wrapper__btn {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn {
       font-size: 14px !important;
       backdrop-filter: blur(16px) saturate(180%);
       background: rgba(255, 255, 255, 0.75);
@@ -48,9 +48,9 @@
       justify-content: center;
       max-width: 130px; }
       @media screen and (max-width: 768px) {
-        .is-root-container .bc-image-wrapper__btn {
+        .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__btn {
           padding: 5px; } }
-    .is-root-container .bc-image-wrapper__overlay {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper__overlay {
       display: none;
       position: absolute;
       top: 0;
@@ -60,17 +60,17 @@
       z-index: 10;
       background: rgba(255, 255, 255, 0.3);
       backdrop-filter: blur(3px); }
-    .is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__actions {
       display: flex; }
-    .is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-image-wrapper:hover .bc-image-wrapper__overlay {
       display: block; }
-  .is-root-container .root-block-appender {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender {
     position: absolute;
     bottom: 30px;
     left: 50%;
     transform: translateX(-50%);
     width: calc(100% - var(--content-padding) * 2); }
-    .is-root-container .root-block-appender::after {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender::after {
       content: attr(data-tooltip);
       position: absolute;
       left: 50%;
@@ -91,12 +91,12 @@
       padding: 4px 8px;
       text-align: center;
       font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; }
-    .is-root-container .root-block-appender:hover::after {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender:hover::after {
       visibility: visible;
       opacity: 1; }
-    .is-root-container .root-block-appender ~ .block-list-appender.wp-block {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .root-block-appender ~ .block-list-appender.wp-block {
       display: none; }
-  .is-root-container .empty-block-appender {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender {
     --button-color: #192f5f;
     --button-border: var(--button-color);
     --button-hover-color: var(--wp-admin-theme-color);
@@ -107,25 +107,25 @@
     align-items: center;
     justify-content: center;
     padding: 32px; }
-    .is-root-container .empty-block-appender__content {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__content {
       text-align: center; }
-    .is-root-container .empty-block-appender__icon {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__icon {
       width: 48px;
       height: 48px;
       color: var(--button-color);
       margin-bottom: 16px; }
-    .is-root-container .empty-block-appender__title {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__title {
       font-size: 32px;
       font-weight: 600;
       line-height: 110%;
       color: var(--button-color);
       margin-bottom: 0.5rem; }
-    .is-root-container .empty-block-appender__text {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__text {
       font-size: 1rem;
       font-weight: 400;
       color: var(--button-color);
       margin-bottom: 1.5rem; }
-    .is-root-container .empty-block-appender__button .block-editor-button-block-appender {
+    .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .empty-block-appender__button .block-editor-button-block-appender {
       display: inline-flex;
       justify-content: center;
       align-items: center;
@@ -141,29 +141,43 @@
       color: var(--button-color);
       font-weight: 600;
       font-size: 22px; }
-      .is-root-container .empty-block-appender__button .block-editor-button-block-appender:hover, .is-root-container .empty-block-appender__button .block-editor-button-block-appender:focus {
+      .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 {
         color: var(--button-hover-color);
         border-color: var(--button-hover-border) !important;
         outline: none !important;
         box-shadow: none !important; }
-      .is-root-container .empty-block-appender__button .block-editor-button-block-appender::before, .is-root-container .empty-block-appender__button .block-editor-button-block-appender::after {
+      .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 {
         display: none !important; }
-      .is-root-container .empty-block-appender__button .block-editor-button-block-appender .block-editor-button-block-appender__content {
+      .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 {
         display: flex;
         align-items: center;
         justify-content: center;
         width: 24px;
         height: 24px; }
-  .is-root-container:has(.root-block-appender) {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .bc-add-new-child-btn {
+    display: flex;
+    margin: 20px auto !important;
+    align-items: center;
+    flex-direction: column;
+    height: 50px;
+    justify-content: center;
+    width: 100%;
+    user-select: text;
+    font-family: inherit;
+    font-size: 100%;
+    padding: 12px !important;
+    box-shadow: inset 0 0 0 1px #1e1e1e;
+    color: #1e1e1e; }
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container:has(.root-block-appender) {
     margin-bottom: 3rem;
     padding-bottom: 200px; }
-  .is-root-container.has-background {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container.has-background {
     transition: background 1s, color 1s; }
-  .is-root-container > .block-list-appender.wp-block:only-child p {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child p {
     margin-top: 0;
     margin-bottom: 0; }
-  .is-root-container > .block-list-appender.wp-block:only-child,
-  .is-root-container > p.wp-block:only-child {
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .block-list-appender.wp-block:only-child,
+  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > p.wp-block:only-child {
     margin: 2rem 0; }
 
 .editor-sidebar .bc-url-input input {
@@ -253,21 +267,6 @@
   .editor-sidebar .bc-spacing-range-control .components-base-control__help {
     margin-left: -11px; }
 
-.editor-sidebar .bc-add-new-child-btn {
-  display: flex;
-  margin: 20px auto !important;
-  align-items: center;
-  flex-direction: column;
-  height: 50px;
-  justify-content: center;
-  width: 100%;
-  user-select: text;
-  font-family: inherit;
-  font-size: 100%;
-  padding: 12px !important;
-  box-shadow: inset 0 0 0 1px #1e1e1e;
-  color: #1e1e1e; }
-
 .block-editor-block-types-list > [role=presentation] {
   justify-content: center; }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@secretstache/wordpress-gutenberg",
-  "version": "0.4.10",
+  "version": "0.4.12",
   "description": "",
   "author": "Secret Stache",
   "license": "GPL-2.0-or-later",

package/src/styles/styles.scss

@@ -32,10 +32,11 @@
     }
 }
 
-.is-root-container {
+.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
     @import "image-wrapper";
     @import "root-block-appender";
     @import "empty-block-appender";
+    @import "new-child-btn";
 
     margin-bottom: 0;
     padding-bottom: 0;
@@ -71,7 +72,6 @@
     @import "media-picker";
     @import "sortable-select";
     @import "responsive-spacing";
-    @import "new-child-btn";
 }
 
 .block-editor-block-types-list > [role=presentation] {