nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-02-17 09:10:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

docs: fix logo for IE11

Browse source
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
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
layouts/partials/logo.html
View file

@ -1,11 +1,14 @@
<style> <style>
#logo svg, #logo svg,
#logo svg * { #logo svg * {
color: #282828;
color: var(--MENU-SECTIONS-BG-color); color: var(--MENU-SECTIONS-BG-color);
fill: #282828 !important;
fill: var(--MENU-SECTIONS-BG-color) !important; fill: var(--MENU-SECTIONS-BG-color) !important;
opacity: .945; opacity: .945;
} }
a#logo { a#logo {
color: #282828;
color: var(--MENU-SECTIONS-BG-color); color: var(--MENU-SECTIONS-BG-color);
font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif; font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
font-size: 30px; font-size: 30px;
@ -15,6 +18,10 @@
text-transform: uppercase; text-transform: uppercase;
white-space: nowrap; white-space: nowrap;
} }
a#logo:hover {
color: #282828;
color: var(--MENU-SECTIONS-BG-color);
}
#logo svg { #logo svg {
margin-bottom: -20px; margin-bottom: -20px;
margin-left: -23.5px; margin-left: -23.5px;
@ -30,6 +37,15 @@
margin-left: -23px; 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> </style>
<a id="logo" href="{{ .Site.Params.landingPageURL | default "/" | relLangURL }}"> <a id="logo" href="{{ .Site.Params.landingPageURL | default "/" | relLangURL }}">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.044 64.044">