Set the moon icon using a CSS class

This ensures higher compatibility and better code readability
This commit is contained in:
Vojtěch Káně 2020-10-07 10:55:55 +02:00
parent a33eaeeedb
commit b3617e4ef0
2 changed files with 1 additions and 4 deletions

View File

@ -242,10 +242,6 @@ h2 a {
.dark-mode-toggler { .dark-mode-toggler {
padding: 1rem !important; padding: 1rem !important;
} }
.dark-mode-toggler::before {
font-family: "Font Awesome 5 Free Solid";
content: "" !important;
}
.dark-mode-toggler::after { .dark-mode-toggler::after {
content: none !important; content: none !important;
} }

View File

@ -38,6 +38,7 @@
</div> </div>
<div class="navbar-end"> <div class="navbar-end">
<div class="navbar-item is-hoverable dark-mode-toggler navbar-link" role="button"> <div class="navbar-item is-hoverable dark-mode-toggler navbar-link" role="button">
<i class="fas fa-moon"></i>
</div> </div>
<div class="navbar-item has-dropdown is-hoverable"> <div class="navbar-item has-dropdown is-hoverable">
<span class="navbar-link">{{ .Site.Language.LanguageName }}</span> <span class="navbar-link">{{ .Site.Language.LanguageName }}</span>