Template:Main Page/Header.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| (20 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
/* replace with fit-content when able */ | /* replace with fit-content when able */ | ||
height: auto; | height: auto; | ||
} | |||
.mainpage-header-icon img { | |||
width: 100%; | |||
/* replace with fit-content when able */ | |||
height: auto; | |||
margin-left: -50%; | |||
} | } | ||
.mainpage-header-wordmark { | .mainpage-header-wordmark { | ||
flex-grow: 1; | |||
} | } | ||
.mainpage-header-logo { | .mainpage-header-logo { | ||
position: relative; | position: relative; | ||
display: flex; | |||
align-items: center; | |||
height: 33rem; | |||
} | } | ||
.mainpage-header-icon { | .mainpage-header-icon { | ||
position: absolute; | position: absolute; | ||
left: 40%; | |||
width: 15%; | |||
z-index: -6; | |||
} | |||
@media (max-width: 640px) { | |||
.mainpage-header-wordmark { | |||
/*width: 100%;*/ | |||
} | |||
} | } | ||
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%;*/
}
}