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 
// Disable animation if transitions are disabled
 1 
// Disable animation if transitions are disabled
- 
 
 2 
 
- 
 
 3 
// scss-docs-start progress-keyframes
2 
@if $enable-transitions {
 4 
@if $enable-transitions {
3 
  @keyframes progress-bar-stripes {
 5 
  @keyframes progress-bar-stripes {
4 
    from { background-position: $progress-height 0; }
 6 
    0% { background-position-x: $progress-height; }
5 
    to { background-position: 0 0; }
 - 
 
6 
  }
 7 
  }
7 
}
 8 
}
- 
 
 9 
// scss-docs-end progress-keyframes
- 
 
 10 
 
- 
 
 11 
.progress,
- 
 
 12 
.progress-stacked {
- 
 
 13 
  // scss-docs-start progress-css-vars
- 
 
 14 
  --#{$prefix}progress-height: #{$progress-height};
- 
 
 15 
  @include rfs($progress-font-size, --#{$prefix}progress-font-size);
- 
 
 16 
  --#{$prefix}progress-bg: #{$progress-bg};
- 
 
 17 
  --#{$prefix}progress-border-radius: #{$progress-border-radius};
- 
 
 18 
  --#{$prefix}progress-box-shadow: #{$progress-box-shadow};
- 
 
 19 
  --#{$prefix}progress-bar-color: #{$progress-bar-color};
- 
 
 20 
  --#{$prefix}progress-bar-bg: #{$progress-bar-bg};
- 
 
 21 
  --#{$prefix}progress-bar-transition: #{$progress-bar-transition};
- 
 
 22 
  // scss-docs-end progress-css-vars
Línea 8... Línea -...
8 
 
 - 
 
9 
.progress {
 23 
 
10 
  display: flex;
 24 
  display: flex;
11 
  height: $progress-height;
 25 
  height: var(--#{$prefix}progress-height);
12 
  overflow: hidden; // force rounded corners by cropping it
 - 
 
13 
  line-height: 0;
 26 
  overflow: hidden; // force rounded corners by cropping it
14 
  @include font-size($progress-font-size);
 27 
  @include font-size(var(--#{$prefix}progress-font-size));
15 
  background-color: $progress-bg;
 28 
  background-color: var(--#{$prefix}progress-bg);
16 
  @include border-radius($progress-border-radius);
 29 
  @include border-radius(var(--#{$prefix}progress-border-radius));
17 
  @include box-shadow($progress-box-shadow);
 30 
  @include box-shadow(var(--#{$prefix}progress-box-shadow));
Línea 18... Línea 31...
18 
}
 31 
}
19 
 
 32 
 
20 
.progress-bar {
 33 
.progress-bar {
21 
  display: flex;
 34 
  display: flex;
22 
  flex-direction: column;
 35 
  flex-direction: column;
23 
  justify-content: center;
 36 
  justify-content: center;
24 
  overflow: hidden;
 37 
  overflow: hidden;
25 
  color: $progress-bar-color;
 38 
  color: var(--#{$prefix}progress-bar-color);
26 
  text-align: center;
 39 
  text-align: center;
27 
  white-space: nowrap;
 40 
  white-space: nowrap;
28 
  background-color: $progress-bar-bg;
 41 
  background-color: var(--#{$prefix}progress-bar-bg);
Línea 29... Línea 42...
29 
  @include transition($progress-bar-transition);
 42 
  @include transition(var(--#{$prefix}progress-bar-transition));
30 
}
 43 
}
31 
 
 44 
 
- 
 
 45 
.progress-bar-striped {
- 
 
 46 
  @include gradient-striped();
- 
 
 47 
  background-size: var(--#{$prefix}progress-height) var(--#{$prefix}progress-height);
- 
 
 48 
}
- 
 
 49 
 
- 
 
 50 
.progress-stacked > .progress {
- 
 
 51 
  overflow: visible;
- 
 
 52 
}
32 
.progress-bar-striped {
 53 
 
Línea 33... Línea 54...
33 
  @include gradient-striped();
 54 
.progress-stacked > .progress > .progress-bar {
34 
  background-size: $progress-height $progress-height;
 55 
  width: 100%;
35 
}
 56 
}
Línea 36... Línea 57...
36 
 
 57 
 
37 
@if $enable-transitions {
 58 
@if $enable-transitions {
38 
  .progress-bar-animated {
 59 
  .progress-bar-animated {
39 
    animation: $progress-bar-animation-timing progress-bar-stripes;
 60 
    animation: $progress-bar-animation-timing progress-bar-stripes;
40 
 
 61 
 
41 
    @if $enable-prefers-reduced-motion-media-query {
 62 
    @if $enable-reduced-motion {