OpenSourceArk/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-06-14 11:52:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

Added background color to code blocks in hovered links

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.36ad6006.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.36ad6006.min.css.map
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.644de097.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.644de097.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
material/base.html
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 }}">

16
src/assets/stylesheets/main/_typeset.scss
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;