lars/Portfolio-2026
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adding blur to site-header, fixing mobile padding

Browse Source
This commit is contained in:
sefaria
2026-05-27 09:27:39 +02:00
parent 710702b4ed
commit 069e5346f1
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+6 -4
View File
@@ -490,8 +490,8 @@ button:visited, .button-primary:visited, .logo:visited {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 100; z-index: 100;
background: linear-gradient(180deg, var(--color-neutral-900) 80%, rgba(115, 115, 115, 0.00) 100%); background: linear-gradient(180deg, var(--color-neutral-900) 15%, rgba(115, 115, 115, 0.00) 100%);
/* backdrop-filter: blur(6px); */ backdrop-filter: blur(6px);
} }
.site-header .menu-bar { .site-header .menu-bar {
@@ -1023,7 +1023,7 @@ footer a:visited {
@media screen and (max-width:768px) { @media screen and (max-width:768px) {
main { main {
padding: var(--spacing-4) var(--spacing-5); padding: 0 var(--spacing-5) var(--spacing-4) var(--spacing-5);
} }
.footer-content { .footer-content {
flex-direction: column; flex-direction: column;
@@ -1053,8 +1053,10 @@ footer a:visited {
@media screen and (max-width:375px) { @media screen and (max-width:375px) {
main { main {
padding: var(--spacing-4); padding: 0 var(--spacing-4) var(--spacing-4) var(--spacing-4);
} }
.site-header .menu-bar {
padding: var(--spacing-5) var(--spacing-4) var(--spacing-4) var(--spacing-4);
} }
@media print, @media print,