Set the moon icon using a CSS class
This ensures higher compatibility and better code readability
This commit is contained in:
parent
a33eaeeedb
commit
b3617e4ef0
@ -242,10 +242,6 @@ h2 a {
|
||||
.dark-mode-toggler {
|
||||
padding: 1rem !important;
|
||||
}
|
||||
.dark-mode-toggler::before {
|
||||
font-family: "Font Awesome 5 Free Solid";
|
||||
content: "" !important;
|
||||
}
|
||||
.dark-mode-toggler::after {
|
||||
content: none !important;
|
||||
}
|
||||
|
@ -38,6 +38,7 @@
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item is-hoverable dark-mode-toggler navbar-link" role="button">
|
||||
<i class="fas fa-moon"></i>
|
||||
</div>
|
||||
<div class="navbar-item has-dropdown is-hoverable">
|
||||
<span class="navbar-link">{{ .Site.Language.LanguageName }}</span>
|
||||
|
Loading…
Reference in New Issue
Block a user