Gecko [ www.utparral.edu.mx ]

Name	Size	Permission
modules	[ DIR ]	drwxrwxr-x
_animations-basic.scss	2.54 KB	-rwxrwxr-x
_badges.scss	335 B	-rwxrwxr-x
_buttons.scss	3.2 KB	-rwxrwxr-x
_cards.scss	580 B	-rwxrwxr-x
_carousels.scss	1.18 KB	-rwxrwxr-x
_depreciated.scss	48 B	-rwxrwxr-x
_dropdowns.scss	144 B	-rwxrwxr-x
_footers.scss	314 B	-rwxrwxr-x
_forms.scss	13.31 KB	-rwxrwxr-x
_input-group.scss	414 B	-rwxrwxr-x
_list-group.scss	557 B	-rwxrwxr-x
_loader.scss	177 B	-rwxrwxr-x
_modals.scss	6.35 KB	-rwxrwxr-x
_msc.scss	3.17 KB	-rwxrwxr-x
_navbars.scss	2.73 KB	-rwxrwxr-x
_pagination.scss	1.91 KB	-rwxrwxr-x
_steppers.scss	3.8 KB	-rwxrwxr-x
_switch.scss	894 B	-rwxrwxr-x
_tables.scss	1.36 KB	-rwxrwxr-x
_treeview.scss	418 B	-rwxrwxr-x

Code Editor : _pagination.scss

// Pagination
.pagination {
  .page-item {
    &.active {
      .page-link {
        box-shadow: $z-depth-1;
        transition: $pagination-active-transition;
        border-radius: $border-radius-base;
        background-color: $primary-color;
        color: $white-base;
        &:hover {
          background-color: $primary-color;
        }
      }
    }
    &.disabled {
      .page-link {
        color: $pagination-page-item-disabled-color;
      }
    }
    .page-link {
      transition: $pagination-page-link-transition;
      outline: 0;
      border: 0;
      background-color: transparent;
      font-size: $pagination-page-link-font-size;
      color: $pagination-page-link-color;
      &:hover {
        transition: $pagination-page-link-transition;
        border-radius: $border-radius-base;
        background-color: $pagination-page-link-hover-bg-color;
      }
      &:focus {
        background-color: transparent;
        box-shadow: none;
      }
    }
  }
  &.pagination-lg {
    .page-item {
      .page-link {
        font-size: $pagination-page-link-font-size-lg;
      }
    }
  }
  &.pagination-sm {
    .page-item {
      .page-link {
        font-size: $pagination-page-link-font-size-sm;
      }
    }
  }
  &.pagination-circle {
    .page-item {
      .page-link {
        margin-left: $pagination-circle-margin-x;
        margin-right: $pagination-circle-margin-x;
        border-radius: $pagination-circle-border-radius;
        &:hover {
          border-radius: $pagination-circle-border-radius;
        }
      }
      &.active {
        .page-link {
          border-radius: $pagination-circle-border-radius;
        }
      }
    }
  }
  @each $name, $color in $pagination-colors {
    &.pg-#{$name} {
      .page-item {
        &.active {
          .page-link {
            background-color: $color;
            &:hover {
              background-color: $color;
            }
          }
        }
      }
    }
  }
}

${this.title}

Code Editor : _pagination.scss