Added background color to code blocks in hovered links

This commit is contained in:
squidfunk
2022-03-26 16:37:57 +01:00
parent 71dd84a0e9
commit 6b91c8dc10
6 changed files with 14 additions and 8 deletions

View File

@@ -170,6 +170,16 @@ kbd {
&:focus,
&:hover {
color: var(--md-accent-fg-color);
// Inline code block
code {
background-color: var(--md-accent-fg-color--transparent);
}
}
// Inline code block
code {
color: currentcolor;
}
// Show outline for keyboard devices
@@ -200,6 +210,7 @@ kbd {
background-color: var(--md-code-bg-color);
border-radius: px2rem(2px);
box-decoration-break: clone;
transition: background-color 125ms;
// Hide outline for pointer devices
&:not(.focus-visible) {
@@ -208,11 +219,6 @@ kbd {
}
}
// Ensure link color in code blocks
a code {
color: currentcolor;
}
// Unformatted content
pre {
position: relative;