homegrade_theme_production/resources/css/editor-style.css

@import 'tailwindcss/components';
@import 'tailwindcss/utilities';
@import './utilities/shadows.css';

@import './components/cta.css';

.temp_guidance_sentence {
  @apply text-center text-secondary 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.is-style-fill {
  .wp-block-button__link {
    @apply cta caret-secondary;
  }
}

.acf-block-fields ul {
  li:before {
    @apply content-none;
  }
}