1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 01:10:58 +01:00

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.36ad6006.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.644de097.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e6a45f82.min.css' | url }}">

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;