fix(footer): stop day/night brand logos both showing

Size rules were forcing display:inline-block on both footer logos with
higher specificity than the night-hide rule. Decouple display toggle,
raise selector weight, align dark hooks with header/theme.js, and drop
unused part-1 light/dark logo-img rules.
This commit is contained in:
kate522 committed 2026-07-13 07:29:40 +08:00
1 parent 19d3c2e70f
commit fabff49d11
2 files changed
+13 -16

No files matched your search

+12 -6
View File
@@ -53,21 +53,27 @@
height: 40px;
width: auto;
max-width: 180px;
display: inline-block;
vertical-align: middle;
}
.footer .site-footer__logo--night {
/* Light/dark footer logo toggle — keep display out of size rules so hide wins */
.footer a.footer-logo .site-footer__logo--day {
display: inline-block;
}
.footer a.footer-logo .site-footer__logo--night {
display: none;
}
html.dark .footer .site-footer__logo--day,
body.dark-theme .footer .site-footer__logo--day {
html.dark .footer a.footer-logo .site-footer__logo--day,
[data-theme="dark"] .footer a.footer-logo .site-footer__logo--day,
body.dark-theme .footer a.footer-logo .site-footer__logo--day {
display: none;
}
html.dark .footer .site-footer__logo--night,
body.dark-theme .footer .site-footer__logo--night {
html.dark .footer a.footer-logo .site-footer__logo--night,
[data-theme="dark"] .footer a.footer-logo .site-footer__logo--night,
body.dark-theme .footer a.footer-logo .site-footer__logo--night {
display: inline-block;
}