src/assets/styles/bmc/_sila/_pagination.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

.table-pagination-select {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  select {
    width: fit-content;
    margin: auto !important;
    padding-top: 5px !important;
    height: auto !important;
    background-color: inherit !important;
    border: 1px solid $gray-20 !important;
  }
  label {
    margin-left: $spacer;
    line-height: $spacer * 2;
  }
}

.b-pagination {
  @include media-breakpoint-up(sm) {
    justify-content: flex-end;
  }
  .page-item button {
    @include themify($themes) {
      color: themed("text-primary");
      background-color: themed("gray-30");
      border-color: themed("gray-30");
    }
  }
  .page-item.active button {
    @include themify($themes) {
      color: themed("text-primary");
      background-color: themed("surface-primary");
      border-color: themed("gray-30");
    }
  }
  .page-item.disabled span {
    @include themify($themes) {
      color: themed("text-primary");
      background-color: themed("surface-secondary");
      border-color: themed("gray-30");
    }
  }
}