diff --git a/src/assets/stylesheets/main/extensions/markdown/_admonition.scss b/src/assets/stylesheets/main/extensions/markdown/_admonition.scss index a8950a0a1..231fcf670 100644 --- a/src/assets/stylesheets/main/extensions/markdown/_admonition.scss +++ b/src/assets/stylesheets/main/extensions/markdown/_admonition.scss @@ -140,6 +140,7 @@ $admonitions: ( height: px2rem(20px); background-color: $clr-blue-a200; mask-image: var(--md-admonition-icon--note); + mask-repeat: no-repeat; content: ""; // Adjust for right-to-left languages @@ -187,6 +188,7 @@ $admonitions: ( &::before { background-color: $tint; mask-image: var(--md-admonition-icon--#{$name}); + mask-repeat: no-repeat; } } diff --git a/src/assets/stylesheets/main/extensions/markdown/_footnotes.scss b/src/assets/stylesheets/main/extensions/markdown/_footnotes.scss index 5be07929f..a1cbc4266 100644 --- a/src/assets/stylesheets/main/extensions/markdown/_footnotes.scss +++ b/src/assets/stylesheets/main/extensions/markdown/_footnotes.scss @@ -141,6 +141,7 @@ height: px2rem(16px); background-color: currentColor; mask-image: var(--md-footnotes-icon); + mask-repeat: no-repeat; content: ""; // Adjust for right-to-left languages diff --git a/src/assets/stylesheets/main/extensions/pymdownx/_details.scss b/src/assets/stylesheets/main/extensions/pymdownx/_details.scss index 6f76792b2..711cb82a3 100644 --- a/src/assets/stylesheets/main/extensions/pymdownx/_details.scss +++ b/src/assets/stylesheets/main/extensions/pymdownx/_details.scss @@ -100,6 +100,7 @@ height: px2rem(20px); background-color: currentColor; mask-image: var(--md-details-icon); + mask-repeat: no-repeat; transform: rotate(0deg); transition: transform 250ms; content: ""; diff --git a/src/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss b/src/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss index b9ce31b1a..dd72fb830 100644 --- a/src/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss +++ b/src/assets/stylesheets/main/extensions/pymdownx/_tasklist.scss @@ -71,6 +71,7 @@ height: px2em(20px); background-color: var(--md-default-fg-color--lightest); mask-image: var(--md-tasklist-icon); + mask-repeat: no-repeat; content: ""; // Adjust for right-to-left languages