Proyectos de Subversion Moodle

Rev

Rev 1 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
// Disable animation if transitions are disabled
2 
@if $enable-transitions {
3 
  @keyframes progress-bar-stripes {
4 
    from {
5 
      background-position: $progress-height 0;
6 
    }
7 
 
8 
    to {
9 
      background-position: 0 0;
10 
    }
11 
  }
12 
}
13 
 
14 
.progress,
15 
.rui-progress {
16 
  display: flex;
17 
  height: $progress-height;
18 
  overflow: hidden; // force rounded corners by cropping it
19 
  line-height: 0;
20 
  @include font-size($progress-font-size);
21 
  background-color: $progress-bg;
22 
  @include border-radius($progress-border-radius);
23 
  //@include box-shadow($progress-box-shadow);
24 
 
25 
  .rui-course-card-progress-bar &,
26 
  .rui-course-card & {
1441 ariadna 27 
    height: 8px;
1 efrain 28 
  }
29 
 
30 
  .theme-dark & {
31 
    background-color: $dm-progress-bg;
32 
  }
33 
}
34 
 
35 
.rui-progress-bar,
36 
.progress-bar {
37 
  display: flex;
38 
  flex-direction: column;
39 
  justify-content: center;
40 
  overflow: hidden;
41 
  color: $progress-bar-color;
42 
  text-align: center;
43 
  white-space: nowrap;
1441 ariadna 44 
  background: $green-600;
45 
  background: linear-gradient(90deg, rgba($green-600, 1) 0%, rgba($green-200, 1) 100%);
1 efrain 46 
 
47 
  .rui-progress-100 & {
48 
    background: $green-600;
49 
    background: linear-gradient(90deg, rgba($green-600, 1) 0%, rgba($green-400, 1) 100%);
50 
  }
51 
 
52 
  @include transition($progress-bar-transition);
53 
}
54 
 
55 
.progress-bar .sr-only {
56 
  display: block !important;
57 
  width: max-content;
58 
  overflow: initial;
59 
  margin: 0;
60 
  font-size: 11px;
61 
  font-weight: $font-weight-medium;
62 
  clip: auto;
63 
  padding: 6px;
64 
 
65 
  .format-remuiformat & {
66 
    display: none!important;
67 
  }
68 
}
69 
 
70 
.rui-progress-bar-striped {
71 
  @include gradient-striped();
72 
  background-size: $progress-height $progress-height;
73 
}
74 
 
75 
@if $enable-transitions {
76 
  .rui-progress-bar-animated {
77 
    animation: $progress-bar-animation-timing progress-bar-stripes;
78 
 
79 
    @if $enable-prefers-reduced-motion-media-query {
80 
      @media (prefers-reduced-motion: reduce) {
81 
        animation: none;
82 
      }
83 
    }
84 
  }
85 
}
86 
 
87 
.rui-progress--value--100 {
88 
  left: auto !important;
89 
  right: 5px;
90 
}
91 
 
92 
.rui-course-progressbar {
93 
 
94 
  .drawer & {
95 
    position: sticky;
96 
    top: 0;
97 
    z-index: 10;
98 
    background-color: rgba($container-bg, .8);
99 
    backdrop-filter: blur(10px);
100 
    -webkit-backdrop-filter: blur(10px);
101 
 
102 
    .theme-dark & {
103 
      background-color: $dm-body-bg;
104 
    }
105 
  }
106 
 
107 
  &:hover {
108 
    text-decoration: none;
109 
  }
110 
}
111 
 
112 
.rui-progress-count {
113 
  margin: 0 0 0 10px;
114 
  display: inline-flex;
115 
  align-items: center;
116 
 
117 
  font-size: $font-size-xs;
118 
  font-weight: $font-weight-bold;
119 
 
120 
  .rui-progress-count-total {
121 
    margin-left: .25rem;
122 
    opacity: .6;
123 
  }
124 
}
125 
 
126 
.rui-progress-count--text {
127 
  font-size: $font-size-sm;
128 
  color: $body-color-light;
129 
 
130 
  .theme-dark & {
131 
    color: $dm-body-color-light;
132 
  }
133 
}