docs: fix logo for IE11

This commit is contained in:
Sören Weber 2022-02-23 00:09:46 +01:00
parent 4e46a809db
commit df45fc6a13
No known key found for this signature in database
GPG key ID: 07D17FF580AE7589

View file

@ -1,11 +1,14 @@
<style>
#logo svg,
#logo svg * {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
fill: #282828 !important;
fill: var(--MENU-SECTIONS-BG-color) !important;
opacity: .945;
}
a#logo {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
font-size: 30px;
@ -15,6 +18,10 @@
text-transform: uppercase;
white-space: nowrap;
}
a#logo:hover {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
}
#logo svg {
margin-bottom: -20px;
margin-left: -23.5px;
@ -30,6 +37,15 @@
margin-left: -23px;
}
}
@media all and (-ms-high-contrast:none) {
/* IE11s understanding of positioning is weird at best */
a#logo {
margin-top: -58px;
}
#logo svg {
margin-bottom: -62px;
}
}
</style>
<a id="logo" href="{{ .Site.Params.landingPageURL | default "/" | relLangURL }}">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">