@use 'ej2-base/styles/common/mixin' as *;
@include export-module('blockeditor-material-icons') {

  .e-block-add-icon::before {
    content: '\e963';
  }
  .e-block-drag-icon::before {
    content: '\e330';
  }
  .e-checkmark-checked::after {
    content: '\e7ff';
  }
  .e-block-image-icon::before {
    content: '\e335';
  }

  .e-be-check::before {
    content: '\e96d';
  }
  .e-be-close::before {
    content: '\e7fc';
  }

  /* ======== Inline Toolbar styles ======== */
  .e-blockeditor-inline-toolbar-popup {
    .e-inline-color-icon::before {
      content: '\e34c'; /* A-style icon */
    }

    .e-inline-bgColor-icon::before {
      content: '\e35c'; /* Paint bucket icon */
    }

    .e-colorpicker-wrapper .e-split-btn-wrapper {
      .e-split-colorpicker.e-split-btn.e-be-fontcolor-dropdown::before {
        content: '\e34c';
      }
      .e-split-colorpicker.e-split-btn.e-be-bgcolor-dropdown::before {
        content: '\e35c';
      }
    }
  }

  /* ======== Slash Command styles ======== */
  .e-blockeditor-command-menu.e-popup,
  .e-blockeditor-command-menu {
    .e-be-paragraph::before {
      content: '\e35b';
    }

    .e-be-divider::before {
      content: '\e9e5';
    }

    .e-be-callout::before {
      content: '\ea09';
    }

    .e-be-h1::before {
      content: '\ea0a';
    }

    .e-be-h2::before {
      content: '\ea0b';
    }

    .e-be-h3::before {
      content: '\ea0c';
    }

    .e-be-h4::before {
      content: '\ea0d';
    }

    .e-be-toggle-h1::before {
      content: '\ea0e';
    }

    .e-be-toggle-h2::before {
      content: '\ea0f';
    }

    .e-be-toggle-h3::before {
      content: '\ea11';
    }

    .e-be-toggle-h4::before {
      content: '\ea12';
    }

    .e-be-toggle-paragraph::before {
      content: '\e353';
    }

    .e-be-table::before {
      content: '\e294';
    }
  }
}