Add a comment describing the feather situation

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>
This commit is contained in:
Danila Fedorin 2024-06-24 19:26:15 -07:00
parent 1bc7cba988
commit 2c57790c59

View File

@ -301,6 +301,12 @@ figure {
@include var(border-color, warning-border-color); @include var(border-color, warning-border-color);
} }
// Note: by absolute default (via inline CSS) feather icons are hidden.
// That's because firefox reader mode doesn't play nice with them, and
// it seems to ignore all styles in <head>. Then, the inline style
// in <head> uses !important to restore the display of icons, but provides
// limited styling. Here, we finally apply the full extent of the feather
// styles.
.feather { .feather {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;