css improvements

This commit is contained in:
ben7sys
2024-11-06 11:18:51 +01:00
parent ae3eab7a98
commit 93a47db841
2 changed files with 16 additions and 20 deletions

View File

@@ -27,11 +27,18 @@ header {
.logo {
font-size: var(--font-size-2xl);
font-weight: 700;
color: var(--text-color);
}
.logo a {
text-decoration: none;
display: flex;
align-items: center;
gap: var(--space-xs);
font-size: 0; /* Remove space between inline elements */
}
.logo-text, .logo-sys {
font-size: var(--font-size-2xl); /* Restore font size */
display: inline-block;
vertical-align: baseline;
line-height: 1;
}
.logo-text {
@@ -84,19 +91,6 @@ header {
transform: rotate(15deg);
}
/* Scroll Progress */
.scroll-progress {
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
background: var(--accent-color);
transform-origin: left;
transform: scaleX(0);
transition: transform var(--transition-base);
}
/* Header Scroll State */
header.scrolled {
box-shadow: var(--shadow-md);