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

Improved accessibility of content tabs

Browse Source
This commit is contained in:
squidfunk 2020-08-16 15:40:58 +02:00
parent 4e8fa6e201
commit 972fb76843
7 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
material/assets/manifest.json
View File

@ -5,8 +5,8 @@
"assets/javascripts/vendor.js.map": "assets/javascripts/vendor.d1f5a259.min.js.map", "assets/javascripts/vendor.js.map": "assets/javascripts/vendor.d1f5a259.min.js.map",
"assets/javascripts/worker/search.js": "assets/javascripts/worker/search.fae956e7.min.js", "assets/javascripts/worker/search.js": "assets/javascripts/worker/search.fae956e7.min.js",
"assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.fae956e7.min.js.map", "assets/javascripts/worker/search.js.map": "assets/javascripts/worker/search.fae956e7.min.js.map",
"assets/stylesheets/main.css": "assets/stylesheets/main.78c1d7f2.min.css", "assets/stylesheets/main.css": "assets/stylesheets/main.062add1f.min.css",
"assets/stylesheets/main.css.map": "assets/stylesheets/main.78c1d7f2.min.css.map", "assets/stylesheets/main.css.map": "assets/stylesheets/main.062add1f.min.css.map",
"assets/stylesheets/overrides.css": "assets/stylesheets/overrides.011ebae6.min.css", "assets/stylesheets/overrides.css": "assets/stylesheets/overrides.011ebae6.min.css",
"assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.011ebae6.min.css.map", "assets/stylesheets/overrides.css.map": "assets/stylesheets/overrides.011ebae6.min.css.map",
"assets/stylesheets/palette.css": "assets/stylesheets/palette.2c2767bb.min.css", "assets/stylesheets/palette.css": "assets/stylesheets/palette.2c2767bb.min.css",

4
material/assets/stylesheets/main.78c1d7f2.min.css → material/assets/stylesheets/main.062add1f.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.062add1f.min.css.map Normal file
View File

File diff suppressed because one or more lines are too long

1
material/assets/stylesheets/main.78c1d7f2.min.css.map
View File

File diff suppressed because one or more lines are too long

2
material/base.html
View File

@ -41,7 +41,7 @@
{% endif %} {% endif %}
{% endblock %} {% endblock %}
{% block styles %} {% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.78c1d7f2.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/main.062add1f.min.css' | url }}">
{% if palette.scheme or palette.primary or palette.accent %} {% if palette.scheme or palette.primary or palette.accent %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.2c2767bb.min.css' | url }}"> <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.2c2767bb.min.css' | url }}">
{% endif %} {% endif %}

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

@ -154,7 +154,7 @@ kbd {
transition: color 125ms; transition: color 125ms;
} }
// Focused or hover links // Focused or hovered links
&:focus, &:focus,
&:hover { &:hover {
color: var(--md-accent-fg-color); color: var(--md-accent-fg-color);

19
src/assets/stylesheets/main/extensions/pymdownx/_tabbed.scss
View File

@ -65,18 +65,26 @@
// Hide radio buttons // Hide radio buttons
> input { > input {
display: none; position: absolute;
opacity: 0;
// Active tab label // Active tab label
&:checked + label { &:checked + label {
color: var(--md-accent-fg-color); color: var(--md-primary-fg-color);
border-color: var(--md-accent-fg-color); border-color: var(--md-primary-fg-color);
// Show tabbed block content // Show tabbed block content
& + .tabbed-content { & + .tabbed-content {
display: block; display: block;
} }
} }
// Focused or hovered tab label
&:focus + label,
&:hover + label {
color: var(--md-accent-fg-color);
border-color: var(--md-accent-fg-color);
}
} }
// Tab label // Tab label
@ -90,11 +98,6 @@
border-bottom: px2rem(2px) solid transparent; border-bottom: px2rem(2px) solid transparent;
cursor: pointer; cursor: pointer;
transition: color 250ms; transition: color 250ms;
// Hovered tab label
html &:hover {
color: var(--md-accent-fg-color);
}
} }
} }
} }