style-gutenburg.scss

.edit-post-visual-editor { // target only the editor itself
@import 'assets/scss/default';
@import 'assets/scss/nhsuk-replacement-gutenberg';
@import 'assets/scss/accessibility'; // global accessibility improvements
// start importing the theme specific settings

@import 'assets/scss/nhs-colours';
// nhs colour pallette
@import 'assets/scss/generic-overrides';
// generic over-rides to remove default wordpress styling issues
@import 'assets/scss/style_variations';
// Gravity Forms plugin styling to match NHSUK design patterns
@import 'assets/scss/gravity-forms';
// LearnDash plugin styling to match NHSUK design patterns
@import 'assets/scss/learndash-styling';

// Events Calendar plugin styling to match NHSUK design patterns
@import 'assets/scss/events-calendar-styling';
// Download Monitor plugin styling to match NHSUK design patterns
@import 'assets/scss/download-monitor';


// nhs colour pallette
@import 'assets/scss/color-mixer';

  ul {
    list-style: none;
  }
  background-color: $color_nhsuk-grey-5;
  .nhsuk-button:link, .wp-block-button__link:link, .wp-block-file__button:link, .wp-block-file a.wp-block-file__button:link, .nhsuk-button:visited, .wp-block-button__link:visited, .wp-block-file__button:visited, .wp-block-file a.wp-block-file__button:visited, .nhsuk-button:active, .wp-block-button__link:active, .wp-block-file__button:active, .wp-block-file a.wp-block-file__button:active, .nhsuk-button:hover, .wp-block-button__link:hover, .wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:hover {
    color: #ffffff;
    text-decoration: none;
  }
  .is-style-reverse:visited, is-style-reverse:link {
    color: #212b32;
  }
  div.components-toolbar>div {
    display: -ms-flex;
  }
  .nhsuk-header__search-form {
    height: 0;
  }

  .editor-post-title__input {
    font-family: $nhsuk-font, $nhsuk-font-fallback;
    @extend h1;
  }
  .wp-block {
    max-width : 983px;
  }

  .wp-block[data-align=wide] { /* it can be "data-align=full" and also "right", "left" and "center" */
    max-width : 1228px;
  }

  .block-editor-block-list__block {
    font-family : $nhsuk-font, $nhsuk-font-fallback;
    font-size   : 16px;


  }


  /* admin styles widget tweaks */
  .block-editor-block-styles__item-preview {
    .editor-styles-wrapper {
      font-family : Frutiger W01, Helvetica, Arial, Sans-serif;
    }

  }

  /*
  Learn dash admin panel mitigation
   */
  #sfwd-header {
    .ld-global-header {
      position : inherit;

      h1 {
        font-size          : 1.5rem;
        margin-block-start : 0.5rem;
        margin-block-end   : 0.5rem;
        margin-bottom      : 0.5rem;
        line-height        : 1.6rem;
      }
    }
  }

  .ld-tabs-ready .ld-tab-buttons a.button, .ld-tabs-ready .ld-tab-buttons button.button {
    margin-top : 0;
  }

  .ld-header-has-tabs {
    .edit-post-layout {
      .edit-post-sidebar {
        top : 225px;
      }

      .edit-post-header {
        top     : 170px;
        padding : 0 7px;
      }
    }
  }

  /* end LearnDash mitigation routine */

  /* make the table cells more obvious when editing */

  .is-selected {
    figure.is-style-nhsuk-table-responsive {
      thead, tr, th, td {
        border    : 1px dashed $color_nhsuk-grey-3;
        min-width : 2rem;
      }
    }
  }


  /* clearfix after grouped items to sort out some display wirdiness */
  .block-editor-inner-blocks {
    @include clearfix();
  }

  // Download Monitor plugin styling to match NHSUK design patterns
  .dlmPreviewButton {
    padding: 0;
    min-height: 50px;
    border: 2px dashed $color-nhsuk-dark-grey;
    iframe {
      min-height: 50px;
    }
  }
  // tweak to make editor experience slightly easier
  .has-child-selected {
    border: 1px solid $color-nhsuk-grey-5;
    padding: nhsuk-spacing(2);
    div.wp-block {
      border: 1px solid $color-nhsuk-grey-4;
      padding: nhsuk-spacing(2);
      &.has-child-selected {
        border-color: $color_nhsuk-grey-3;
      }
      &.block-list-appender {
        border: none;
      }
    }
  }
}