fixed alignment and spacing, and highlight issues

This commit is contained in:
2026-04-29 22:22:05 +02:00
parent 042547c98f
commit cac17ab39d
+18 -8
View File
@@ -725,7 +725,7 @@ input[type=button]:hover {
.nav-social-links { .nav-social-links {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 20px; gap: 35px;
} }
.social-links { .social-links {
@@ -739,7 +739,7 @@ input[type=button]:hover {
.social-links a { .social-links a {
display: inline-flex; display: inline-flex;
margin: 0 0.5rem; margin: 0 0.2rem;
background: none; background: none;
} }
@@ -748,6 +748,7 @@ input[type=button]:hover {
height: 1rem; height: 1rem;
fill: var(--light-color); fill: var(--light-color);
transition: fill 0.2s ease; transition: fill 0.2s ease;
transform: translateY(-1.5px);
} }
.social-links a:hover svg { .social-links a:hover svg {
@@ -852,12 +853,6 @@ header.site-header .header-wrapper .site-header-wrapper {
justify-content: space-between; justify-content: space-between;
} }
header.site-header .header-wrapper .site-header-wrapper .nav-social-links {
display: flex;
align-items: center;
grid-gap: 20px;
}
header.site-header .header-wrapper .site-header-wrapper .site-branding { header.site-header .header-wrapper .site-header-wrapper .site-branding {
min-width: var(--logo-size); min-width: var(--logo-size);
display: flex; display: flex;
@@ -909,6 +904,21 @@ header.site-header.sticky-header {
z-index: 100; z-index: 100;
} }
.site-title .logo {
text-decoration: none;
background: linear-gradient(currentColor, currentColor);
background-size: 0 1px;
background-position: 0 100%;
background-repeat: no-repeat;
transition: color 0.2s ease, background-size 0.2s ease;
}
.site-title .logo:hover,
.site-title .logo:focus {
color: var(--hover-color);
background-size: 100% 1px;
}
/* Social Links */ /* Social Links */
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {