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 focus outline to admonitions and details

Browse Source
This commit is contained in:
squidfunk
2023-07-09 18:14:43 +01:00
parent 18cac39370
commit 3e34f6c72d
5 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.2da9acca.min.css vendored
View File

File diff suppressed because one or more lines are too long

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

File diff suppressed because one or more lines are too long

2
material/assets/stylesheets/main.2da9acca.min.css.map → material/assets/stylesheets/main.83068744.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@@ -44,7 +44,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.2da9acca.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.83068744.min.css' | url }}">
{% if config.theme.palette %} {% if config.theme.palette %}
{% set palette = config.theme.palette %} {% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.ecc896b0.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.ecc896b0.min.css' | url }}">

11
src/assets/stylesheets/main/extensions/markdown/_admonition.scss
View File

@@ -72,6 +72,7 @@ $admonitions: (
border: px2rem(1px) solid $clr-blue-a200; border: px2rem(1px) solid $clr-blue-a200;
border-radius: px2rem(4px); border-radius: px2rem(4px);
box-shadow: var(--md-shadow-z1); box-shadow: var(--md-shadow-z1);
transition: box-shadow 125ms;
page-break-inside: avoid; page-break-inside: avoid;
// [print]: Omit shadow as it may lead to rendering errors // [print]: Omit shadow as it may lead to rendering errors
@@ -79,6 +80,11 @@ $admonitions: (
box-shadow: none; box-shadow: none;
} }
// Admonition on focus
&:focus-within {
box-shadow: 0 0 0 px2rem(4px) color.adjust($clr-blue-a200, $alpha: -0.9);
}
// Hack: Chrome exhibits a weird issue where it will set nested elements to // Hack: Chrome exhibits a weird issue where it will set nested elements to
// content-box. Doesn't happen in other browsers, so looks like a bug. // content-box. Doesn't happen in other browsers, so looks like a bug.
> * { > * {
@@ -164,6 +170,11 @@ $admonitions: (
// Admonition flavour // Admonition flavour
.md-typeset .admonition.#{$name} { .md-typeset .admonition.#{$name} {
border-color: $tint; border-color: $tint;
// Admonition on focus
&:focus-within {
box-shadow: 0 0 0 px2rem(4px) color.adjust($tint, $alpha: -0.9);
}
} }
// Admonition flavour title // Admonition flavour title