@use 'variables' as *;
@include export-module('headless-editor-bigger') {
  .e-bigger.e-headless-editor,
  .e-bigger .e-headless-editor {
    font-size: $he-font-size-bigger;
    font-weight: $he-font-weight-bigger;
    line-height: 1.5;

    blockquote {
      border-left-width: $he-blockquote-left-width-bigger;
      padding-left: $he-blockquote-text-padding-bigger;
      margin: 8px 0;
    }

    /* Task List */
    ul[data-type = 'taskList'] {
      li {
        > label {
          padding-top: $he-checklist-padding-top-bigger;
          padding-right: $he-checklist-padding-right-bigger;
          input {
            width: $he-checkbox-width-bigger;
            height: $he-checkbox-height-bigger;
          }
        }
      }
    }

    /* collapsible */
    [data-type = 'collapsible'] {
      margin: 8px 0;
      .e-collapsible-body-content {
        padding-left: calc($he-collapsible-header-gap-bigger + $he-toggle-icon-width-bigger);
      }
    }
    [data-role = 'collapsible-header'] {
      gap: $he-collapsible-header-gap-bigger;

      /* Collapsible toggle button */
      .e-toggle-btn {
        width: $he-toggle-icon-width-bigger;
        height: $he-toggle-icon-height-bigger;

        svg {
          width: $he-toggle-icon-width-bigger;
          height: $he-toggle-icon-height-bigger;
        }
      }
    }

    /* Callout */
    [data-type = 'callout'] {
      margin: 8px 0;
      .e-callout-icon {
        width: $he-callout-icon-width-bigger;
        height: $he-callout-icon-height-bigger;
        padding-top: $he-callout-icon-padding-top-bigger;

        svg {
          width: $he-callout-icon-width-bigger;
          height: $he-callout-icon-height-bigger;
        }
      }
    }

    /* Inline code */
    code {
      &:not(pre *) {
        font-size: inherit;
        line-height: inherit;
        padding: $he-inline-code-padding-bigger;
      }
    }

    /* Code Block Styles */
    .e-code-block {
      margin: 8px 0;
      pre {
        margin: $he-code-block-bigger-pre-margin;
        padding-left: $he-code-block-bigger-padding;
        overflow-x: auto;
        font-size: $he-font-size-bigger;
        line-height: $he-line-height-bigger;
      }
    }

    /* ======== Divider Blocks Level styles ======== */
    hr[contenteditable = 'false'] {
      margin-block: $he-divider-margin-block-bigger;
    }

    /* ======== Table Block Styles ======== */
    .tableWrapper {
      table {
        th {
          height: $he-table-heading-height-bigger;
          padding: $he-table-heading-padding-bigger;
          font-size: $he-table-heading-font-size-bigger;
          line-height: $he-table-heading-line-height-bigger;
        }
        td {
          height: $he-table-col-height-bigger;
          padding: $he-table-col-padding-bigger;
          font-size: $he-table-col-font-size-bigger;
          line-height: $he-table-col-line-height-bigger;
        }
      }
    }

    /* ======== RTL Styles ======== */
    &.e-rtl {

      blockquote {
        border-left-width: unset;
        border-right-width: $he-blockquote-left-width-bigger;
        padding: 0 $he-blockquote-text-padding-bigger 0 0;
      }

      /* collapsible */
      [data-type = 'collapsible'] {
        .e-collapsible-body-content {
          padding-left: unset;
          padding-right: calc($he-collapsible-header-gap-bigger + $he-toggle-icon-width-bigger);
        }
      }

      /* Task List */
      ul[data-type = 'taskList'] {
        li {
          > label {
            padding-right: unset;
            padding-left: $he-checklist-padding-right-bigger;
          }
        }
      }
    }
  }
}