diff options
| -rw-r--r-- | assets/css/components/_utility.scss | 11 | ||||
| -rw-r--r-- | assets/css/index.scss | 1 | ||||
| -rw-r--r-- | content/posts/扩张惯性.md | 8 |
3 files changed, 20 insertions, 0 deletions
diff --git a/assets/css/components/_utility.scss b/assets/css/components/_utility.scss new file mode 100644 index 00000000..fdcda859 --- /dev/null +++ b/assets/css/components/_utility.scss @@ -0,0 +1,11 @@ +.dark { + .invert-if-dark { + filter: invert(1) + } +} + +@media (prefers-color-scheme: dark) { + .invert-if-dark { + filter: invert(1) + } +} diff --git a/assets/css/index.scss b/assets/css/index.scss index fc9f6f4e..d946addc 100644 --- a/assets/css/index.scss +++ b/assets/css/index.scss @@ -7,3 +7,4 @@ @import 'components/shortcodes'; @import 'components/footer'; @import 'components/animation'; +@import 'components/utility' diff --git a/content/posts/扩张惯性.md b/content/posts/扩张惯性.md index 514b1ee1..a73020f5 100644 --- a/content/posts/扩张惯性.md +++ b/content/posts/扩张惯性.md @@ -8,10 +8,16 @@ tags: - 手写文章 --- +<div class="invert-if-dark"> +  +</div> + <!--more--> +<div class="invert-if-dark"> +   @@ -20,6 +26,8 @@ tags:  +</div> + <details> <summary>查看文字版</summary> |