introducing the editor style file

resources/css/editor-style.css

@@ -0,0 +1,159 @@
+@import '../../../Homegrade_Theme/resources/css/utilities/shadows.css';
+@import '../../../Homegrade_Theme/resources/css/components/cta.css';
+
+/* @import './utilities/shadows.css'; */
+
+.temp_guidance_sentence {
+  @apply text-center text-secondary font-bold;
+}
+
+.homegrade-blocks-highlight:not(
+    :has(.homegrade-blocks-highlight__titling)
+  )
+  .homegrade-blocks-custom-heading:first-child {
+  @apply !mt-0;
+}
+.homegrade-blocks-highlight
+  .homegrade-blocks-custom-heading {
+  @apply !font-bold;
+}
+
+body {
+  @apply font-sans;
+}
+
+.wp-block {
+  @apply max-w-screen-xl;
+}
+
+.wp-block[data-align='wide'] {
+  @apply max-w-screen-xl;
+}
+
+.wp-block[data-align='full'] {
+  @apply max-w-full;
+}
+.wp-block.alignfull {
+  @apply max-w-full;
+}
+
+.acf-block-component {
+  /* @apply bg-red-500; */
+}
+.acf-block-fields {
+  @apply max-w-screen-md mx-auto;
+}
+
+.block-editor-default-block-appender
+  .block-editor-inserter {
+  button {
+    @apply !bg-secondary;
+  }
+}
+
+.components-dropdown .components-toolbar__control {
+  background-color: #e04d42;
+  color: white;
+}
+
+ul,
+ol {
+  @apply mt-4 mb-8;
+}
+ol {
+  @apply list-decimal list-inside;
+}
+ul li {
+  padding: 0.15rem 0;
+  @apply relative pl-5;
+}
+ul li:before {
+  @apply absolute left-0;
+  content: '';
+  display: inline-block;
+  height: 8px;
+  width: 8px;
+  border-radius: 50%;
+  margin-right: 14px;
+  margin-top: 9px;
+  @apply bg-secondary;
+}
+
+h1 {
+  @apply text-2xl;
+}
+
+h2 {
+  @apply text-xl mt-16 mb-8;
+}
+
+h3 {
+  @apply font-bold text-2xl  mt-16 mb-4;
+}
+h4 {
+  @apply font-bold text-xl mt-6 mb-3;
+}
+h5 {
+  @apply font-bold text-lg mt-6 mb-3;
+}
+
+p {
+  @apply my-3 p-0;
+}
+
+.block-content-page-header {
+  h2 {
+    @apply !text-4xl mt-0 mb-12;
+  }
+}
+.homegrade-content-blocks-grey-box {
+  /* max-width: 100% !important; */
+}
+
+.homegrade-blocks-highlight--warning {
+  .wp-block-button__link {
+    @apply !bg-secondary;
+  }
+}
+
+.homegrade-blocks-plus-loin {
+  ol li::marker {
+    @apply !text-white;
+  }
+  ul li:before {
+    @apply !bg-white;
+  }
+}
+.homegrade-blocks-box-monoblock,
+.homegrade-blocks-tips-to-know__tip,
+.homegrade-blocks-plus-loin,
+.homegrade-blocks-timeline-step,
+.homegrade-blocks-content-page-header {
+  ul {
+    list-style: none !important;
+  }
+}
+.wp-block-button:not(
+    .is-style-outline,
+    .homegrade-blocks-shortcuts .wp-block-button
+  ),
+.wp-block-button.is-style-fill {
+  .wp-block-button__link {
+    @apply cta cta--secondary cta--button;
+  }
+}
+.homegrade-blocks-shortcuts .wp-block-button {
+}
+
+/* .homegrade-blocks-highlight__content__innerblocks .block-editor-block-list__layout {
+} */
+
+.wp-block-list {
+  @apply list-none;
+}
+
+.acf-block-fields ul {
+  li:before {
+    @apply content-none;
+  }
+}