diff --git a/public/css/index.css b/public/css/index.css index 5749c91..cd95d0a 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -1,14 +1,3 @@ -@keyframes slide-in-blurred-bottom { - 0% { - filter: blur(20px); - opacity: 0; - } - 100% { - filter: blur(0); - opacity: 1; - } -} - /* Defaults */ :root { --font-family: "Fraunces", serif; @@ -44,10 +33,6 @@ /* Design Tokens */ :root { - /* Animations */ - --slide-in-blurred-bottom: slide-in-blurred-bottom 0.75s - cubic-bezier(0.23, 1, 0.32, 1) both; - /* Colors */ --color-gray-20: #e0e0e0; --color-gray-90: #333333; @@ -216,7 +201,6 @@ blockquote:before { } } body { - animation: var(--slide-in-blurred-bottom); font-size: var(--step-0); margin-inline: auto; max-width: var(--grid-max-width); @@ -650,6 +634,7 @@ header .home-link { grid-column: 1 / 1; } .logo { + aspect-ratio: 1 / 1; width: var(--space-l-xl); } @@ -722,7 +707,6 @@ nav ul { } /* Navigator */ - .navigator { display: grid; gap: var(--space-2xs) var(--space-2xs); @@ -743,6 +727,7 @@ nav ul { text-decoration: none; width: 100%; img { + aspect-ratio: 1 / 1; filter: var(--logo-filter); width: var(--space-m); } @@ -926,10 +911,12 @@ time, } .post-image-container { margin-left: 0; + min-height: var(--space-10xl); width: 100%; } .post-image-container img.post-image { width: 100cqw; + height: var(--space-10xl); } .postlist-link { padding: 0;