fixed alignment and spacing, and highlight issues
This commit is contained in:
@@ -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) {
|
||||||
|
|||||||
Reference in New Issue
Block a user