Cool_Tools/mkdocs-material
1
0
Fork 0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 01:10:58 +01:00
Code Issues Releases Wiki Activity

Improved appearance of details outline

Browse Source
This commit is contained in:
squidfunk 2021-09-19 15:22:57 +02:00
parent 726888cb56
commit 3c352bd356
8 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
material/assets/stylesheets/main.4596ff4f.min.css.map
View File

File diff suppressed because one or more lines are too long

4
material/assets/stylesheets/main.4596ff4f.min.css → material/assets/stylesheets/main.665c42a3.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.665c42a3.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -39,7 +39,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.4596ff4f.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.665c42a3.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.3f5d1f46.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

2
src/assets/stylesheets/main/_typeset.scss
View File

@ -166,7 +166,7 @@ kbd {
color: var(--md-accent-fg-color); color: var(--md-accent-fg-color);
} }
// Text link on keyboard focus // Show outline for keyboard devices
&.focus-visible { &.focus-visible {
outline-color: var(--md-accent-fg-color); outline-color: var(--md-accent-fg-color);
outline-offset: px2rem(4px); outline-offset: px2rem(4px);

6
src/assets/stylesheets/main/extensions/pymdownx/_details.scss
View File

@ -84,6 +84,12 @@
padding: px2rem(8px) px2rem(44px) px2rem(8px) px2rem(36px); padding: px2rem(8px) px2rem(44px) px2rem(8px) px2rem(36px);
} }
// Show outline for keyboard devices
&.focus-visible {
outline-color: var(--md-accent-fg-color);
outline-offset: px2rem(4px);
}
// Hide outline for pointer devices // Hide outline for pointer devices
&:not(.focus-visible) { &:not(.focus-visible) {
outline: none; outline: none;

2
src/assets/stylesheets/main/layout/_base.scss
View File

@ -140,7 +140,7 @@ body {
display: block; display: block;
} }
// Show outline for pointer devices // Show outline for keyboard devices
&.focus-visible + label { &.focus-visible + label {
outline-style: auto; outline-style: auto;
outline-color: var(--md-accent-fg-color); outline-color: var(--md-accent-fg-color);

2
src/assets/stylesheets/main/layout/_nav.scss
View File

@ -125,7 +125,7 @@
color: var(--md-accent-fg-color); color: var(--md-accent-fg-color);
} }
// Navigation link on keyboard focus // Show outline for keyboard devices
&.focus-visible { &.focus-visible {
outline-color: var(--md-accent-fg-color); outline-color: var(--md-accent-fg-color);
outline-offset: px2rem(4px); outline-offset: px2rem(4px);