Proyectos de Subversion Moodle

Rev

Rev 1 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 1 Rev 1441
Línea 1... Línea 1...
1 
.pagination {
 1 
.pagination {
- 
 
 2 
  // scss-docs-start pagination-css-vars
- 
 
 3 
  --#{$prefix}pagination-padding-x: #{$pagination-padding-x};
- 
 
 4 
  --#{$prefix}pagination-padding-y: #{$pagination-padding-y};
- 
 
 5 
  @include rfs($pagination-font-size, --#{$prefix}pagination-font-size);
- 
 
 6 
  --#{$prefix}pagination-color: #{$pagination-color};
- 
 
 7 
  --#{$prefix}pagination-bg: #{$pagination-bg};
- 
 
 8 
  --#{$prefix}pagination-border-width: #{$pagination-border-width};
- 
 
 9 
  --#{$prefix}pagination-border-color: #{$pagination-border-color};
- 
 
 10 
  --#{$prefix}pagination-border-radius: #{$pagination-border-radius};
- 
 
 11 
  --#{$prefix}pagination-hover-color: #{$pagination-hover-color};
- 
 
 12 
  --#{$prefix}pagination-hover-bg: #{$pagination-hover-bg};
- 
 
 13 
  --#{$prefix}pagination-hover-border-color: #{$pagination-hover-border-color};
- 
 
 14 
  --#{$prefix}pagination-focus-color: #{$pagination-focus-color};
- 
 
 15 
  --#{$prefix}pagination-focus-bg: #{$pagination-focus-bg};
- 
 
 16 
  --#{$prefix}pagination-focus-box-shadow: #{$pagination-focus-box-shadow};
- 
 
 17 
  --#{$prefix}pagination-active-color: #{$pagination-active-color};
- 
 
 18 
  --#{$prefix}pagination-active-bg: #{$pagination-active-bg};
- 
 
 19 
  --#{$prefix}pagination-active-border-color: #{$pagination-active-border-color};
- 
 
 20 
  --#{$prefix}pagination-disabled-color: #{$pagination-disabled-color};
- 
 
 21 
  --#{$prefix}pagination-disabled-bg: #{$pagination-disabled-bg};
- 
 
 22 
  --#{$prefix}pagination-disabled-border-color: #{$pagination-disabled-border-color};
- 
 
 23 
  // scss-docs-end pagination-css-vars
- 
 
 24 
 
2 
  display: flex;
 25 
  display: flex;
3 
  @include list-unstyled();
 26 
  @include list-unstyled();
4 
  @include border-radius();
 - 
 
5 
}
 27 
}
Línea 6... Línea 28...
6 
 
 28 
 
7 
.page-link {
 29 
.page-link {
8 
  position: relative;
 30 
  position: relative;
9 
  display: block;
 31 
  display: block;
10 
  padding: $pagination-padding-y $pagination-padding-x;
 - 
 
11 
  margin-left: -$pagination-border-width;
 32 
  padding: var(--#{$prefix}pagination-padding-y) var(--#{$prefix}pagination-padding-x);
12 
  line-height: $pagination-line-height;
 33 
  @include font-size(var(--#{$prefix}pagination-font-size));
13 
  color: $pagination-color;
 34 
  color: var(--#{$prefix}pagination-color);
14 
  text-decoration: if($link-decoration == none, null, none);
 35 
  text-decoration: if($link-decoration == none, null, none);
15 
  background-color: $pagination-bg;
 36 
  background-color: var(--#{$prefix}pagination-bg);
- 
 
 37 
  border: var(--#{$prefix}pagination-border-width) solid var(--#{$prefix}pagination-border-color);
Línea 16... Línea 38...
16 
  border: $pagination-border-width solid $pagination-border-color;
 38 
  @include transition($pagination-transition);
17 
 
 39 
 
18 
  &:hover {
 40 
  &:hover {
19 
    z-index: 2;
 41 
    z-index: 2;
20 
    color: $pagination-hover-color;
 42 
    color: var(--#{$prefix}pagination-hover-color);
21 
    text-decoration: none;
 43 
    text-decoration: if($link-hover-decoration == underline, none, null);
22 
    background-color: $pagination-hover-bg;
 44 
    background-color: var(--#{$prefix}pagination-hover-bg);
Línea 23... Línea 45...
23 
    border-color: $pagination-hover-border-color;
 45 
    border-color: var(--#{$prefix}pagination-hover-border-color);
24 
  }
 46 
  }
- 
 
 47 
 
- 
 
 48 
  &:focus {
25 
 
 49 
    z-index: 3;
26 
  &:focus {
 50 
    color: var(--#{$prefix}pagination-focus-color);
27 
    z-index: 3;
 51 
    background-color: var(--#{$prefix}pagination-focus-bg);
28 
    outline: $pagination-focus-outline;
 - 
 
Línea 29... Línea 52...
29 
    box-shadow: $pagination-focus-box-shadow;
 52 
    outline: $pagination-focus-outline;
30 
  }
 53 
    box-shadow: var(--#{$prefix}pagination-focus-box-shadow);
31 
}
 54 
  }
32 
 
 55 
 
33 
.page-item {
 56 
  &.active,
34 
  &:first-child {
 - 
 
- 
 
 57 
  .active > & {
35 
    .page-link {
 58 
    z-index: 3;
- 
 
 59 
    color: var(--#{$prefix}pagination-active-color);
36 
      margin-left: 0;
 60 
    @include gradient-bg(var(--#{$prefix}pagination-active-bg));
37 
      @include border-left-radius($border-radius);
 61 
    border-color: var(--#{$prefix}pagination-active-border-color);
38 
    }
 62 
  }
39 
  }
 63 
 
- 
 
 64 
  &.disabled,
- 
 
 65 
  .disabled > & {
40 
  &:last-child {
 66 
    color: var(--#{$prefix}pagination-disabled-color);
- 
 
 67 
    pointer-events: none;
Línea 41... Línea -...
41 
    .page-link {
 - 
 
42 
      @include border-right-radius($border-radius);
 68 
    background-color: var(--#{$prefix}pagination-disabled-bg);
43 
    }
 69 
    border-color: var(--#{$prefix}pagination-disabled-border-color);
44 
  }
 70 
  }
45 
 
 - 
 
46 
  &.active .page-link {
 71 
}
Línea -... Línea 72...
- 
 
 72 
 
- 
 
 73 
.page-item {
47 
    z-index: 3;
 74 
  &:not(:first-child) .page-link {
- 
 
 75 
    margin-left: $pagination-margin-start;
- 
 
 76 
  }
- 
 
 77 
 
- 
 
 78 
  @if $pagination-margin-start == calc(#{$pagination-border-width} * -1) {
48 
    color: $pagination-active-color;
 79 
    &:first-child {
49 
    background-color: $pagination-active-bg;
 80 
      .page-link {
50 
    border-color: $pagination-active-border-color;
 81 
        @include border-start-radius(var(--#{$prefix}pagination-border-radius));
- 
 
 82 
      }
- 
 
 83 
    }
51 
  }
 84 
 
52 
 
 85 
    &:last-child {
- 
 
 86 
      .page-link {
53 
  &.disabled .page-link {
 87 
        @include border-end-radius(var(--#{$prefix}pagination-border-radius));
- 
 
 88 
      }
54 
    color: $pagination-disabled-color;
 89 
    }
55 
    pointer-events: none;
 90 
  } @else {
Línea 56... Línea 91...
56 
    // Opinionated: remove the "hand" cursor set previously for .page-link
 91 
    // Add border-radius to all pageLinks in case they have left margin
57 
    cursor: auto;
 92 
    .page-link {
58 
    background-color: $pagination-disabled-bg;
 93 
      @include border-radius(var(--#{$prefix}pagination-border-radius));
Línea 59... Línea 94...
59 
    border-color: $pagination-disabled-border-color;
 94 
    }
60 
  }
 95 
  }
61 
}
 96 
}
Línea 62... Línea 97...
62 
 
 97 
 
63 
 
 98 
 
64 
//
 99 
//