/* */
/* Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and */
/* the trix-editor content (whether displayed or under editing). Feel free to incorporate this */
/* inclusion directly in any other asset bundle and remove this file. */
/* */

/*= require trix/dist/trix */

/* We need to override trix.css’s image gallery styles to accommodate the */
/* <action-text-attachment> element we wrap around attachments. Otherwise, */
/* images in galleries will be squished by the max-width: 33%; rule. */
.trix-button--icon-decrease-nesting-level,
.trix-button--icon-increase-nesting-level {
  display: none;
}

.trix-content {
  height: 35em;
  max-height: 800px !important;
  overflow-y: auto;

  h1 {
    font-size: 1.5em !important;
  }

  .attachment-gallery {
    > action-text-attachment,
    > .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%;
    }

    &.attachment-gallery--2,
    &.attachment-gallery--4 {
      > action-text-attachment,
      > .attachment {
        flex-basis: 50%;
        max-width: 50%;
      }
    }
  }

  action-text-attachment {
    .attachment {
      padding: 0 !important;
      max-width: 100% !important;
    }
  }
}