Template:Main Page/Header.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 10: | Line 10: | ||
/* replace with fit-content when able */ | /* replace with fit-content when able */ | ||
height: auto; | height: auto; | ||
margin-left: -50%; | |||
} | } | ||
| Line 20: | Line 21: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
height: | height: 33rem; | ||
} | } | ||
.mainpage-header-icon { | .mainpage-header-icon { | ||
position: absolute; | position: absolute; | ||
left: 40%; | |||
left: | width: 15%; | ||
width: | |||
z-index: -6; | z-index: -6; | ||
} | } | ||
Latest revision as of 01:36, 13 November 2025
.mainpage-header-wordmark img {
filter: var(--filter-invert);
width: 100%;
/* replace with fit-content when able */
height: auto;
}
.mainpage-header-icon img {
width: 100%;
/* replace with fit-content when able */
height: auto;
margin-left: -50%;
}
.mainpage-header-wordmark {
flex-grow: 1;
}
.mainpage-header-logo {
position: relative;
display: flex;
align-items: center;
height: 33rem;
}
.mainpage-header-icon {
position: absolute;
left: 40%;
width: 15%;
z-index: -6;
}
@media (max-width: 640px) {
.mainpage-header-wordmark {
/*width: 100%;*/
}
}