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 
//
 1 
//
2 
// Rotating border
 2 
// Rotating border
3 
//
 3 
//
Línea -... Línea 4...
- 
 
 4 
 
- 
 
 5 
.spinner-grow,
- 
 
 6 
.spinner-border {
- 
 
 7 
  display: inline-block;
- 
 
 8 
  width: var(--#{$prefix}spinner-width);
- 
 
 9 
  height: var(--#{$prefix}spinner-height);
- 
 
 10 
  vertical-align: var(--#{$prefix}spinner-vertical-align);
- 
 
 11 
  // stylelint-disable-next-line property-disallowed-list
- 
 
 12 
  border-radius: 50%;
- 
 
 13 
  animation: var(--#{$prefix}spinner-animation-speed) linear infinite var(--#{$prefix}spinner-animation-name);
- 
 
 14 
}
- 
 
 15 
 
4 
 
 16 
// scss-docs-start spinner-border-keyframes
5 
@keyframes spinner-border {
 17 
@keyframes spinner-border {
6 
  to { transform: rotate(360deg); }
 18 
  to { transform: rotate(360deg) #{"/* rtl:ignore */"}; }
- 
 
 19 
}
Línea 7... Línea 20...
7 
}
 20 
// scss-docs-end spinner-border-keyframes
8 
 
 21 
 
9 
.spinner-border {
 22 
.spinner-border {
10 
  display: inline-block;
 23 
  // scss-docs-start spinner-border-css-vars
11 
  width: $spinner-width;
 24 
  --#{$prefix}spinner-width: #{$spinner-width};
- 
 
 25 
  --#{$prefix}spinner-height: #{$spinner-height};
- 
 
 26 
  --#{$prefix}spinner-vertical-align: #{$spinner-vertical-align};
- 
 
 27 
  --#{$prefix}spinner-border-width: #{$spinner-border-width};
- 
 
 28 
  --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed};
- 
 
 29 
  --#{$prefix}spinner-animation-name: spinner-border;
12 
  height: $spinner-height;
 30 
  // scss-docs-end spinner-border-css-vars
13 
  vertical-align: $spinner-vertical-align;
 31 
 
14 
  border: $spinner-border-width solid currentcolor;
 - 
 
15 
  border-right-color: transparent;
 - 
 
16 
  // stylelint-disable-next-line property-disallowed-list
 - 
 
17 
  border-radius: 50%;
 32 
  border: var(--#{$prefix}spinner-border-width) solid currentcolor;
Línea 18... Línea 33...
18 
  animation: .75s linear infinite spinner-border;
 33 
  border-right-color: transparent;
- 
 
 34 
}
19 
}
 35 
 
20 
 
 36 
.spinner-border-sm {
21 
.spinner-border-sm {
 37 
  // scss-docs-start spinner-border-sm-css-vars
- 
 
 38 
  --#{$prefix}spinner-width: #{$spinner-width-sm};
22 
  width: $spinner-width-sm;
 39 
  --#{$prefix}spinner-height: #{$spinner-height-sm};
Línea 23... Línea 40...
23 
  height: $spinner-height-sm;
 40 
  --#{$prefix}spinner-border-width: #{$spinner-border-width-sm};
24 
  border-width: $spinner-border-width-sm;
 41 
  // scss-docs-end spinner-border-sm-css-vars
25 
}
 42 
}
Línea -... Línea 43...
- 
 
 43 
 
26 
 
 44 
//
27 
//
 45 
// Growing circle
28 
// Growing circle
 46 
//
29 
//
 47 
 
30 
 
 48 
// scss-docs-start spinner-grow-keyframes
31 
@keyframes spinner-grow {
 49 
@keyframes spinner-grow {
32 
  0% {
 50 
  0% {
33 
    transform: scale(0);
 51 
    transform: scale(0);
34 
  }
 52 
  }
- 
 
 53 
  50% {
Línea 35... Línea 54...
35 
  50% {
 54 
    opacity: 1;
36 
    opacity: 1;
 55 
    transform: none;
37 
    transform: none;
 56 
  }
38 
  }
 57 
}
39 
}
 58 
// scss-docs-end spinner-grow-keyframes
- 
 
 59 
 
- 
 
 60 
.spinner-grow {
- 
 
 61 
  // scss-docs-start spinner-grow-css-vars
- 
 
 62 
  --#{$prefix}spinner-width: #{$spinner-width};
40 
 
 63 
  --#{$prefix}spinner-height: #{$spinner-height};
41 
.spinner-grow {
 - 
 
42 
  display: inline-block;
 - 
 
43 
  width: $spinner-width;
 64 
  --#{$prefix}spinner-vertical-align: #{$spinner-vertical-align};
44 
  height: $spinner-height;
 - 
 
45 
  vertical-align: $spinner-vertical-align;
 65 
  --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed};
Línea 46... Línea 66...
46 
  background-color: currentcolor;
 66 
  --#{$prefix}spinner-animation-name: spinner-grow;
47 
  // stylelint-disable-next-line property-disallowed-list
 67 
  // scss-docs-end spinner-grow-css-vars
48 
  border-radius: 50%;
 68 
 
49 
  opacity: 0;
 69 
  background-color: currentcolor;
Línea 50... Línea 70...
50 
  animation: .75s linear infinite spinner-grow;
 70 
  opacity: 0;
51 
}
 71 
}
52 
 
 72 
 
53 
.spinner-grow-sm {
 73 
.spinner-grow-sm {
54 
  width: $spinner-width-sm;
 74 
  --#{$prefix}spinner-width: #{$spinner-width-sm};
55 
  height: $spinner-height-sm;
 75 
  --#{$prefix}spinner-height: #{$spinner-height-sm};
56 
}
 76 
}
57 
 
 77