mirror of
https://github.com/NodeBB/NodeBB.git
synced 2025-11-02 12:05:57 +01:00
26 lines
632 B
Plaintext
26 lines
632 B
Plaintext
/*
|
|
This stylesheet is applied to all themes and all pages.
|
|
They can be overridden by themes, though their presence (or initial settings) may be depended upon by
|
|
client-side logic in core.
|
|
|
|
==========
|
|
*/
|
|
|
|
/* Prevent viewport shuffling on image load by restricting image dimensions until viewed by the browser */
|
|
[component="post/content"] img {
|
|
transition: width 500ms ease;
|
|
transition: height 500ms ease;
|
|
transition: opacity 500ms ease;
|
|
|
|
&[data-state="unloaded"], &[data-state="loading"] {
|
|
display: inherit;
|
|
height: 1rem;
|
|
opacity: 0;
|
|
}
|
|
|
|
&[data-state="loaded"] {
|
|
display: inherit;
|
|
height: auto;
|
|
opacity: 1;
|
|
}
|
|
} |