Spitfire/Search
Spitfire/Search
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

css formatting
Some checks failed
Run Integration Tests / test (push) Failing after 37s
Details

Browse source
This commit is contained in:
partisan 2025-06-16 11:26:26 +02:00
parent 70abf0a2bd
commit ec8ab05349
16 changed files with 152 additions and 96 deletions
Download patch file Download diff file Expand all files Collapse all files

36
static/css/style-imageloading.css
View file

@ -3,12 +3,10 @@
position: relative;
overflow: hidden;
background-color: var(--snip-background);
background-image: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 25%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0) 75%
);
background-image: linear-gradient(90deg,
rgba(255, 255, 255, 0) 25%,
rgba(255, 255, 255, 0.15) 50%,
rgba(255, 255, 255, 0) 75%);
background-size: 200% 100%;
animation: image-wave 2s infinite linear;
}
@ -33,12 +31,10 @@
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
90deg,
transparent 25%,
rgba(255, 255, 255, 0.25) 50%,
transparent 75%
);
background: linear-gradient(90deg,
transparent 25%,
rgba(255, 255, 255, 0.25) 50%,
transparent 75%);
background-size: 200% 100%;
animation: title-wave 2.5s infinite linear;
}
@ -46,18 +42,24 @@
/* Animations */
@keyframes image-wave {
0% {
background-position: -100% 0; /* Start off-screen left */
background-position: -100% 0;
/* Start off-screen left */
}
100% {
background-position: 100% 0; /* End off-screen right */
background-position: 100% 0;
/* End off-screen right */
}
}
@keyframes title-wave {
0% {
background-position: -100% 0; /* Start off-screen left */
background-position: -100% 0;
/* Start off-screen left */
}
100% {
background-position: 100% 0; /* End off-screen right */
background-position: 100% 0;
/* End off-screen right */
}
}
}