diff options
Diffstat (limited to 'src/app.css')
-rw-r--r-- | src/app.css | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/app.css b/src/app.css index 211e2c1..70e67da 100644 --- a/src/app.css +++ b/src/app.css @@ -8,6 +8,8 @@ system-ui, sans-serif; } +@custom-variant dark (&:where(.dark, .dark *)); + @keyframes loadingbar { 0% { width: 0; @@ -25,6 +27,26 @@ html { font-family: var(--font-sbb-typo); + @apply dark:scheme-dark; +} +html:has(.no-scroll-body), +body:has(.no-scroll-body) { + overflow-y: hidden; +} + +@keyframes shimmer { + 0% { + background-position: calc(-1 * var(--shimmer-w, 1000px)) 0; + } + 100% { + background-position: var(--shimmer-w, 1000px) 0; + } +} + +.skeleton-shimmer { + animation: shimmer 2s infinite linear; + background-size: var(--shimmer-w, 1000px) 100%; + @apply not-dark:bg-[linear-gradient(to_right,_#f6f7f8_4%,_#edeef1_25%,_#f6f7f8_36%)] bg-[linear-gradient(to_right,_#edeef100_4%,_#edeef110_25%,_#edeef100_36%)]; } @font-face { |