Skip to content

Commit 3c352bd

Browse files
committed
Improved appearance of details outline
1 parent 726888c commit 3c352bd

File tree

8 files changed

+13
-7
lines changed

8 files changed

+13
-7
lines changed

Diff for: material/assets/stylesheets/main.4596ff4f.min.css.map

-1
This file was deleted.

Diff for: material/assets/stylesheets/main.4596ff4f.min.css renamed to material/assets/stylesheets/main.665c42a3.min.css

+2-2
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: material/assets/stylesheets/main.665c42a3.min.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: material/base.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939
{% endif %}
4040
{% endblock %}
4141
{% block styles %}
42-
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.4596ff4f.min.css' | url }}">
42+
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.665c42a3.min.css' | url }}">
4343
{% if config.theme.palette %}
4444
{% set palette = config.theme.palette %}
4545
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

Diff for: src/assets/stylesheets/main/_typeset.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,7 @@ kbd {
166166
color: var(--md-accent-fg-color);
167167
}
168168

169-
// Text link on keyboard focus
169+
// Show outline for keyboard devices
170170
&.focus-visible {
171171
outline-color: var(--md-accent-fg-color);
172172
outline-offset: px2rem(4px);

Diff for: src/assets/stylesheets/main/extensions/pymdownx/_details.scss

+6
Original file line numberDiff line numberDiff line change
@@ -84,6 +84,12 @@
8484
padding: px2rem(8px) px2rem(44px) px2rem(8px) px2rem(36px);
8585
}
8686

87+
// Show outline for keyboard devices
88+
&.focus-visible {
89+
outline-color: var(--md-accent-fg-color);
90+
outline-offset: px2rem(4px);
91+
}
92+
8793
// Hide outline for pointer devices
8894
&:not(.focus-visible) {
8995
outline: none;

Diff for: src/assets/stylesheets/main/layout/_base.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -140,7 +140,7 @@ body {
140140
display: block;
141141
}
142142

143-
// Show outline for pointer devices
143+
// Show outline for keyboard devices
144144
&.focus-visible + label {
145145
outline-style: auto;
146146
outline-color: var(--md-accent-fg-color);

Diff for: src/assets/stylesheets/main/layout/_nav.scss

+1-1
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@
125125
color: var(--md-accent-fg-color);
126126
}
127127

128-
// Navigation link on keyboard focus
128+
// Show outline for keyboard devices
129129
&.focus-visible {
130130
outline-color: var(--md-accent-fg-color);
131131
outline-offset: px2rem(4px);

0 commit comments

Comments
 (0)