Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
.pagination,
2
.comment-paging {
3
  margin: 1rem 0;
4
  display: flex;
5
  @include list-unstyled();
6
  @include border-radius();
7
 
8
  .pagination {
9
    margin: 0;
10
  }
11
}
12
 
13
.page-link,
14
.comment-paging a {
15
  position: relative;
16
  display: flex;
17
  padding: $pagination-padding-y $pagination-padding-x;
18
  margin-left: $pagination-border-width;
19
  line-height: $pagination-line-height;
20
  font-weight: $font-weight-medium;
21
  color: $pagination-color;
22
  text-decoration: if($link-decoration == none, null, none);
23
  border-radius: $btn-border-radius;
24
 
25
  .theme-dark & {
26
    color: $dm-pagination-color;
27
  }
28
 
29
  &:hover {
30
    z-index: 2;
31
    color: $pagination-hover-color;
32
    text-decoration: none;
33
    background-color: $pagination-hover-bg;
34
 
35
    .theme-dark & {
36
      color: $dm-pagination-hover-color;
37
      background-color: $dm-pagination-hover-bg;
38
    }
39
  }
40
 
41
  &:focus {
42
    z-index: 3;
43
  }
44
}
45
 
46
.page-item {
47
  &.active .page-link {
48
    z-index: 3;
49
    color: $pagination-active-color;
50
    background-color: $pagination-active-bg;
51
 
52
    .theme-dark & {
53
      color: $dm-pagination-active-color;
54
      background-color: $dm-pagination-active-bg;
55
    }
56
  }
57
 
58
  &.disabled .page-link {
59
    color: $pagination-disabled-color;
60
    pointer-events: none;
61
    // Opinionated: remove the "hand" cursor set previously for .page-link
62
    cursor: auto;
63
    background-color: $pagination-disabled-bg;
64
    border-color: $pagination-disabled-border-color;
65
 
66
    opacity: .3;
67
 
68
    .theme-dark & {
69
      color: $dm-pagination-disabled-color;
70
      background-color: $dm-pagination-disabled-bg;
71
      border-color: $dm-pagination-disabled-border-color;
72
    }
73
  }
74
}
75
 
76
  //Comments pagination
77
  .comment-pagination {
78
    margin-bottom: 1rem;
79
  }
80
 
81
  .curpage {
82
    color: $pagination-active-color;
83
    background-color: $pagination-active-bg;
84
 
85
    .theme-dark & {
86
      color: $dm-pagination-active-color;
87
      background-color: $dm-pagination-active-bg;
88
    }
89
  }
90
 
91
//
92
// Sizing
93
//
94
 
95
.pagination-lg {
96
  @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $pagination-border-radius-lg);
97
}
98
 
99
.pagination-sm {
100
  .page-link {
101
    margin: 0;
102
    padding: 4px 10px;
103
    font-size: $font-size-xs;
104
    min-width: 30px;
105
    height: 30px;
106
    display: flex;
107
    align-items: center;
108
    justify-content: center;
109
    border-radius: 30px!important;
110
  }
111
}
112
 
113
.initialsdropdown {
114
  .initialbarlabel {
115
    color: $dm-body-color;
116
 
117
    .theme-dark & {
118
      color: $dm-body-color;
119
    }
120
  }
121
 
122
  .page-item.active .page-link {
123
    .dropdown-menu & {
124
      background-color: $dropdown-link-hover-bg;
125
      color: $dropdown-color;
126
 
127
      .theme-dark & {
128
        background-color: $dm-dropdown-link-hover-bg;
129
        color: $dm-dropdown-color;
130
      }
131
    }
132
  }
133
}
134
 
135
.initialbar {
136
  padding-bottom: 10px;
137
  margin-bottom: 10px;
138
 
139
  .dropdown-menu & {
140
    border-bottom: 1px solid $dropdown-border-color;
141
 
142
    .theme-dark & {
143
      border-color: $dropdown-border-color;
144
    }
145
  }
146
 
147
  &:last-of-type {
148
    padding-bottom: 0;
149
    margin-bottom: 0;
150
    border-bottom: 0;
151
  }
152
}
153
 
154
.initialbargroups ul.pagination-sm {
155
  margin: 0!important;
156
  display: flex;
157
  flex-wrap: wrap;
158
}
159
 
160
.initialbar + .rui-title-container {
161
  margin-top: 30px!important;
162
}