@import "bootstrap/scss/functions";

@import "bootstrap/custom-bootstrap-variables";


@import "bootstrap/scss/mixins";
//@import "bootstrap/scss/print";
@import "bootstrap/scss/reboot";
@import "bootstrap/scss/type";
@import "bootstrap/scss/utilities/background";

@import 'components/prose/default';
@import 'components/prose/lead';
@import 'components/note/note';

.cke_editable {
  @include prose;
  padding: 1rem;

  .lead {
    @include lead;
  }


  .media--type-image.media--view-mode-teaser {
    outline: 1px dotted lime;
  }

  .card-image .cke_widget_element {
    width: 100%;
  }

  .img-fluid {
    max-width: 100%;
    height: auto;
  }

  .entity-status-unpublished {
    background: repeating-linear-gradient(45deg, rgba($warning,0.15), rgba($warning,0.15) 0.625rem, rgba($warning,0.1) 0.625rem, rgba($warning,0.1) 1.25rem);

    img {
      opacity: 0.25;
    }
  }
}

.cke_widget_element {
  display: initial;
}