mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
39b7c75b13
Co-authored-by: XhmikosR <xhmikosr@gmail.com> Co-authored-by: Jaume Sala <jaumesala@gmail.com> Co-authored-by: Mark Otto <markdotto@gmail.com> Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
51 lines
859 B
SCSS
51 lines
859 B
SCSS
.placeholder {
|
|
display: inline-block;
|
|
min-height: 1em;
|
|
vertical-align: middle;
|
|
cursor: wait;
|
|
background-color: currentColor;
|
|
opacity: $placeholder-opacity-max;
|
|
|
|
&.btn::before {
|
|
display: inline-block;
|
|
content: "";
|
|
}
|
|
}
|
|
|
|
// Sizing
|
|
.placeholder-xs {
|
|
min-height: .6em;
|
|
}
|
|
|
|
.placeholder-sm {
|
|
min-height: .8em;
|
|
}
|
|
|
|
.placeholder-lg {
|
|
min-height: 1.2em;
|
|
}
|
|
|
|
// Animation
|
|
.placeholder-glow {
|
|
.placeholder {
|
|
animation: placeholder-glow 2s ease-in-out infinite;
|
|
}
|
|
}
|
|
|
|
@keyframes placeholder-glow {
|
|
50% {
|
|
opacity: $placeholder-opacity-min;
|
|
}
|
|
}
|
|
|
|
.placeholder-wave {
|
|
mask-image: linear-gradient(130deg, $black 55%, rgba(0, 0, 0, (1 - $placeholder-opacity-min)) 75%, $black 95%);
|
|
mask-size: 200% 100%;
|
|
animation: placeholder-wave 2s linear infinite;
|
|
}
|
|
|
|
@keyframes placeholder-wave {
|
|
100% {
|
|
mask-position: -200% 0%;
|
|
}
|
|
}
|