@import "constants";

#attestation-edit {
  .attestation-schema {
    width: 100%;
    margin-top: 3em;
    top: 3em;
    position: sticky;
  }

  .tiptap {
    padding: $default-spacer;
    overflow-y: scroll;
    min-height: 400px;
  }

  .editor {
    // Visual zones
    .header .flex-1,
    h1 {
      border: 1px solid var(--background-contrast-grey-hover);
      padding: $default-spacer / 2;
    }

    .header,
    h1,
    h2,
    h3 {
      margin-bottom: $default-spacer;
    }

    // Styles
    .header {
      align-content: center;

      p {
        margin-bottom: 0rem;
        font-size: 0.8rem;
      }
    }

    h1,
    h2 {
      font-size: 1.25rem;
    }

    h2 {
      line-height: 2rem;
    }

    h3 {
      font-size: 1rem; // same as text
      font-weight: bold;
      line-height: 1rem;
    }

    li p {
      margin-bottom: 0;
    }

    // Tags
    .fr-menu__list {
      max-height: 500px;
    }

    .fr-tag:not(.fr-menu .fr-tag) {
      // style span rendered by tiptap like a button/link tag
      color: var(--text-action-high-blue-france);
      background-color: var(--background-action-low-blue-france);
    }
  }
}