Template:Main Page/Header.css: Difference between revisions
Template page
More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.mainpage-header-wordmark img { | .mainpage-header-wordmark img { | ||
filter: var(--filter-invert); | filter: var(--filter-invert); | ||
width: 100%; | /*width: 100%;*/ | ||
/* replace with fit-content when able */ | /* replace with fit-content when able */ | ||
height: auto; | /*height: auto;*/ | ||
} | } | ||
.mainpage-header-wordmark { | .mainpage-header-wordmark { | ||
width: 60%; | /*width: 60%;*/ | ||
margin: auto; | /*margin: auto;*/ | ||
} | } | ||
| Line 21: | Line 21: | ||
.mainpage-header-icon { | .mainpage-header-icon { | ||
position: absolute; | position: absolute; | ||
top: 0; | /*top: 0;*/ | ||
left: calc(50% - 7.2rem); | /*left: calc(50% - 7.2rem);*/ | ||
} | } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.mainpage-header-wordmark { | .mainpage-header-wordmark { | ||
width: 100%; | /*width: 100%;*/ | ||
} | } | ||
} | } | ||
Revision as of 10:12, 12 November 2025
.mainpage-header-wordmark img {
filter: var(--filter-invert);
/*width: 100%;*/
/* replace with fit-content when able */
/*height: auto;*/
}
.mainpage-header-wordmark {
/*width: 60%;*/
/*margin: auto;*/
}
.mainpage-header-logo {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 12rem;
}
.mainpage-header-icon {
position: absolute;
/*top: 0;*/
/*left: calc(50% - 7.2rem);*/
}
@media (max-width: 640px) {
.mainpage-header-wordmark {
/*width: 100%;*/
}
}