Improved appearance of details outline

Author: squidfunk

material/assets/stylesheets/main.4596ff4f.min.css.map

@@ -39,7 +39,7 @@
       {% endif %}
     {% endblock %}
     {% 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 %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.3f5d1f46.min.css' | url }}">

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

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

material/assets/stylesheets/main.665c42a3.min.css.map

@@ -84,6 +84,12 @@
       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
     &:not(.focus-visible) {
       outline: none;

material/base.html

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

src/assets/stylesheets/main/_typeset.scss

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