Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
//
2 
// Rotating border
3 
//
4 
 
5 
@keyframes spinner-border {
6 
  to { transform: rotate(360deg); }
7 
}
8 
 
9 
.spinner-border {
10 
  display: inline-block;
11 
  width: $spinner-width;
12 
  height: $spinner-height;
13 
  vertical-align: text-bottom;
14 
  border: $spinner-border-width solid $body-color;
15 
  border-right-color: transparent;
16 
  // stylelint-disable-next-line property-disallowed-list
17 
  border-radius: $btn-border-radius-xl;
18 
  animation: .75s linear infinite spinner-border;
19 
}
20 
 
21 
.spinner-border-sm {
22 
  width: $spinner-width-sm;
23 
  height: $spinner-height-sm;
24 
  border-width: $spinner-border-width-sm;
25 
}
26 
 
27 
//
28 
// Growing circle
29 
//
30 
 
31 
@keyframes spinner-grow {
32 
  0% {
33 
    transform: scale(0);
34 
  }
35 
  50% {
36 
    opacity: 1;
37 
    transform: none;
38 
  }
39 
}
40 
 
41 
.spinner-grow {
42 
  display: inline-block;
43 
  width: $spinner-width;
44 
  height: $spinner-height;
45 
  vertical-align: text-bottom;
46 
  background-color: $body-color;
47 
  // stylelint-disable-next-line property-disallowed-list
48 
  border-radius: $btn-border-radius-xl;
49 
  opacity: 0;
50 
  animation: .75s linear infinite spinner-grow;
51 
 
52 
  .theme-dark & {background-color: $dm-body-color;}
53 
}
54 
 
55 
.spinner-grow-sm {
56 
  width: $spinner-width-sm;
57 
  height: $spinner-height-sm;
58 
}
59 
 
60 
@if $enable-prefers-reduced-motion-media-query {
61 
  @media (prefers-reduced-motion: reduce) {
62 
    .spinner-border,
63 
    .spinner-grow {
64 
      animation-duration: 1.5s;
65 
    }
66 
  }
67 
}