mirror of
https://github.com/twbs/bootstrap.git
synced 2022-11-09 12:25:43 -05:00
7648848e04
* Update devDependencies * @babel/core ^7.17.8 → ^7.17.9 * @popperjs/core ^2.11.4 → ^2.11.5 * clean-css-cli ^5.5.2 → ^5.6.0 * eslint-plugin-import ^2.25.4 → ^2.26.0 * find-unused-sass-variables ^4.0.3 → ^4.0.4 * karma-rollup-preprocessor ^7.0.8 → ^7.0.7 * sass ^1.49.11 → ^1.50.0 * stylelint 14.2.0 → ^14.6.1 * Fix currentcolor case
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%;
|
|
}
|
|
}
|