:root { --magiclink-github-icon: url('data:image/svg+xml;charset=utf-8,'); --magiclink-github-pull-icon: url('data:image/svg+xml;charset=utf-8,'); --magiclink-github-issue-icon: url('data:image/svg+xml;charset=utf-8,'); --magiclink-github-discussion-icon: url('data:image/svg+xml;charset=utf-8,'); } .md-typeset .magiclink-repository.magiclink-github:not(.magiclink-ignore)::before { -webkit-mask-image: var(--magiclink-github-icon); mask-image: var(--magiclink-github-icon); } .md-typeset .magiclink-pull:not(.magiclink-ignore)::before { -webkit-mask-image: var(--magiclink-github-pull-icon); mask-image: var(--magiclink-github-pull-icon); } .md-typeset .magiclink-issue:not(.magiclink-ignore)::before { -webkit-mask-image: var(--magiclink-github-issue-icon); mask-image: var(--magiclink-github-issue-icon); } .md-typeset .magiclink-discussion:not(.magiclink-ignore)::before { -webkit-mask-image: var(--magiclink-github-discussion-icon); mask-image: var(--magiclink-github-discussion-icon); } .md-typeset .magiclink-repository.magiclink-github:not(.magiclink-ignore)::before, .md-typeset .magiclink-pull:not(.magiclink-ignore)::before, .md-typeset .magiclink-issue:not(.magiclink-ignore)::before, .md-typeset .magiclink-discussion:not(.magiclink-ignore)::before { position: absolute; top: 0; left: 0; display: block; box-sizing: border-box; width: 1.25em; height: 1.25em; background-size: 1.25em; background-color: var(--md-typeset-a-color); transition: background-color 125ms; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; content: ""; } .md-typeset .magiclink-repository.magiclink-github:not(.magiclink-ignore):hover::before, .md-typeset .magiclink-pull:not(.magiclink-ignore):hover::before, .md-typeset .magiclink-issue:not(.magiclink-ignore):hover::before, .md-typeset .magiclink-discussion:not(.magiclink-ignore):hover::before { background-color: var(--md-accent-fg-color); } .md-typeset .magiclink-repository.magiclink-github:not(.magiclink-ignore), .md-typeset .magiclink-pull:not(.magiclink-ignore), .md-typeset .magiclink-issue:not(.magiclink-ignore), .md-typeset .magiclink-discussion:not(.magiclink-ignore) { position: relative; padding-left: 1.375em; }