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

  /* !componenticons */

  #{&}.e-pager,
  .e-grid-menu {

    .e-icon-last::before {
      content: '\e235';
    }

    .e-icon-first::before {
      content: '\e238';
    }

    .e-icon-prev::before {
      content: '\e237';
    }

    .e-icon-next::before {
      content: '\e236';
    }

    &.e-rtl {
      & .e-icon-last.e-lastpage::before,
      & .e-icon-last.e-lastpage:hover,
      & .e-icon-last.e-lastpagedisabled::before {
        content: '\e238';
      }

      & .e-icon-first.e-firstpage::before,
      & .e-icon-first.e-firstpage:hover,
      & .e-icon-first.e-firstpagedisabled::before {
        content: '\e235';
      }

      & .e-icon-prev.e-prevpage::before,
      & .e-icon-prev.e-prevpage:hover,
      & .e-icon-prev.e-prevpagedisabled::before {
        content: '\e236';
      }

      & .e-icon-next.e-nextpage::before,
      & .e-icon-next.e-nextpage:hover,
      & .e-icon-next.e-nextpagedisabled::before {
        content: '\e237';
      }
    }
  }
}