first draft site-header gradient

This commit is contained in:
sefaria
2026-05-27 19:18:55 +02:00
parent 938b15b741
commit 28735f1163
+6 -5
View File
@@ -471,13 +471,14 @@ button:visited, .button-primary:visited, .logo:visited {
top: 0; top: 0;
padding-top: max(1px, env(safe-area-inset-top)); padding-top: max(1px, env(safe-area-inset-top));
z-index: 100; z-index: 100;
background: light-dark( background: linear-gradient(
linear-gradient(180deg, var(--color-neutral-100) 15%, rgba(247,247,247,0) 100%), 180deg,
linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(18,18,18,0) 100%) light-dark(var(--color-neutral-100), var(--color-neutral-900)) 80%,
light-dark(rgba(247,247,247,0), rgba(18,18,18,0)) 100%
); );
-webkit-backdrop-filter: blur(6px); /* -webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px); backdrop-filter: blur(6px);
/* -webkit-mask-image: linear-gradient( -webkit-mask-image: linear-gradient(
to top, to top,
rgba(18,18,18,0) 0%, rgba(18,18,18,0) 0%,
rgba(18,18,18,1.00) 16% rgba(18,18,18,1.00) 16%