Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
32 lines
691 B
Plaintext
32 lines
691 B
Plaintext
@layer payload-default {
|
|
.shimmer-effect {
|
|
position: relative;
|
|
overflow: hidden;
|
|
background-color: var(--theme-elevation-50);
|
|
|
|
&__shine {
|
|
position: absolute;
|
|
scale: 1.5;
|
|
width: 100%;
|
|
height: 100%;
|
|
transform: translateX(-100%);
|
|
animation: shimmer 1.75s infinite;
|
|
opacity: 0.75;
|
|
background: linear-gradient(
|
|
100deg,
|
|
var(--theme-elevation-50) 0%,
|
|
var(--theme-elevation-50) 15%,
|
|
var(--theme-elevation-150) 50%,
|
|
var(--theme-elevation-50) 85%,
|
|
var(--theme-elevation-50) 100%
|
|
);
|
|
}
|
|
}
|
|
|
|
@keyframes shimmer {
|
|
100% {
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
}
|