fix(editor): Fix heading tag indicators (#1)

chore(editor): Nest editor styles inside of `.editor-wrapper-styles` chore(deps): Set `purge` to `false` in tailwind config
Log1x · Nov 8, 2022 · bda3f2b · bda3f2b
1 parent 77b64c5
commit bda3f2b
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 15 deletions.
diff --git a/public/css/blocks.css b/public/css/blocks.css
diff --git a/public/css/editor.css b/public/css/editor.css
diff --git a/resources/css/blocks.scss b/resources/css/blocks.scss
@@ -1,2 +1,4 @@
-@import './blocks/core-list';
-@import './blocks/core-classic';
+.editor-styles-wrapper {
+  @import './blocks/core-list';
+  @import './blocks/core-classic';
+}
diff --git a/resources/css/blocks/core-heading.scss b/resources/css/blocks/core-heading.scss
@@ -1,15 +1,15 @@
 .wp-block[data-type='core/heading'] {
   @apply relative;
 
-  &:not(.is-selected)::after {
-    @apply font-sans absolute mt-2 -ml-8 font-medium text-xs opacity-50 tracking-tight uppercase;
+  &:not(.is-selected)::before {
+    @apply font-sans absolute mt-3 -ml-8 font-medium text-xs opacity-50 tracking-tight uppercase;
 
     content: '';
   }
 }
 
 @each $heading in ('h1', 'h2', 'h3', 'h4', 'h5', 'h6') {
-  #{$heading}.wp-block[data-type='core/heading']:not(.is-selected)::after {
+  #{$heading}.wp-block[data-type='core/heading']:not(.is-selected)::before {
     content: '#{$heading}';
   }
 }
diff --git a/resources/css/editor.scss b/resources/css/editor.scss
@@ -1,4 +1,6 @@
-@import './blocks/core-heading';
+.editor-styles-wrapper {
+  @import './blocks/core-heading';
+}
 
 table.wpil-outbound-links {
   @apply relative #{!important};

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,11 +1,5 @@
 module.exports = {
-  future: {
-    removeDeprecatedGapUtilities: true,
-    purgeLayersByDefault: true,
-    defaultLineHeights: true,
-    standardFontWeights: true,
-  },
-  purge: [],
+  purge: false,
   theme: {
     extend: {
       fontFamily: {