/**
 * Copyright © INOVUA TRADING.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

@import './variables.scss';
@import '../../ToolBar/style/base.scss';
@import '../../NumericInput/style/base.scss';
@import '../../ComboBox/style/base.scss';
@import '../../Button/style/base.scss';

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS} {
  box-sizing: border-box;
  align-items: center;

  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }

  &__region {
    display: flex;
    align-items: center;
  }

  &__spacer {
    flex: 1;
  }

  &__region {
    white-space: nowrap;
  }
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__current-page {
  margin: 0 8px;
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-size-combo {
  margin-right: 2px;
  margin-left: 8px;
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}--ltr {
  .#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-text {
    margin-left: 8px;
  }
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}--rtl {
  .#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-text {
    margin-right: 8px;
  }
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-count-text {
  display: inline-block;
  text-align: end;
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}--ltr {
  .#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-count-text {
    margin-right: 8px;
  }
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}--rtl {
  .#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-count-text {
    margin-left: 8px;
  }
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__page-size-combo {
  display: inline-flex;
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__current-page {
  align-self: stretch;
}

.#{$INOVUA_PAGINATION_TOOLBAR_ROOT_CLASS}__icon {
  vertical-align: middle;
  fill: gray;
  outline: none;
}