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 
}