Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1441 ariadna 1 
.placeholder {
2 
  display: inline-block;
3 
  min-height: 1em;
4 
  vertical-align: middle;
5 
  cursor: wait;
6 
  background-color: currentcolor;
7 
  opacity: $placeholder-opacity-max;
8 
 
9 
  &.btn::before {
10 
    display: inline-block;
11 
    content: "";
12 
  }
13 
}
14 
 
15 
// Sizing
16 
.placeholder-xs {
17 
  min-height: .6em;
18 
}
19 
 
20 
.placeholder-sm {
21 
  min-height: .8em;
22 
}
23 
 
24 
.placeholder-lg {
25 
  min-height: 1.2em;
26 
}
27 
 
28 
// Animation
29 
.placeholder-glow {
30 
  .placeholder {
31 
    animation: placeholder-glow 2s ease-in-out infinite;
32 
  }
33 
}
34 
 
35 
@keyframes placeholder-glow {
36 
  50% {
37 
    opacity: $placeholder-opacity-min;
38 
  }
39 
}
40 
 
41 
.placeholder-wave {
42 
  mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%);
43 
  mask-size: 200% 100%;
44 
  animation: placeholder-wave 2s linear infinite;
45 
}
46 
 
47 
@keyframes placeholder-wave {
48 
  100% {
49 
    mask-position: -200% 0%;
50 
  }
51 
}