Improved focus outline for desktop navigation

squidfunk · Apr 18, 2021 · 2e60bca · 2e60bca
1 parent 27fb3c0
commit 2e60bca
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 11 deletions.
diff --git a/material/assets/stylesheets/main.6f955dcd.min.css b/material/assets/stylesheets/main.6f955dcd.min.css
diff --git a/material/assets/stylesheets/main.6f955dcd.min.css.map b/material/assets/stylesheets/main.6f955dcd.min.css.map
diff --git a/material/assets/stylesheets/main.dcbf0b87.min.css b/material/assets/stylesheets/main.dcbf0b87.min.css
diff --git a/material/assets/stylesheets/main.dcbf0b87.min.css.map b/material/assets/stylesheets/main.dcbf0b87.min.css.map
diff --git a/material/base.html b/material/base.html
@@ -39,7 +39,7 @@
       {% endif %}
     {% endblock %}
     {% block styles %}
-      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.6f955dcd.min.css' | url }}">
+      <link rel="stylesheet" href="{{ 'assets/stylesheets/main.dcbf0b87.min.css' | url }}">
       {% if config.theme.palette %}
         {% set palette = config.theme.palette %}
         <link rel="stylesheet" href="{{ 'assets/stylesheets/palette.ef6f36e2.min.css' | url }}">

diff --git a/src/assets/stylesheets/main/layout/_nav.scss b/src/assets/stylesheets/main/layout/_nav.scss
@@ -624,13 +624,13 @@
     // Modifier for when navigation tabs are rendered
     &--lifted {
 
-      // Hide nested items on level 1 and site title
+      // Hide nested level 0 items and site title
       > .md-nav__list > .md-nav__item--nested,
       > .md-nav__title {
         display: none;
       }
 
-      // Hide level 1 items
+      // Hide level 0 items
       > .md-nav__list > .md-nav__item {
         display: none;
 
@@ -652,17 +652,17 @@
             scroll-snap-align: start;
           }
         }
-
-        // Adjust spacing for navigation item on level 2
-        > .md-nav__item {
-          padding-right: px2rem(12px);
-        }
       }
 
       // Hack: Always show active navigation tab on breakpoint screen, despite
       // of checkbox being checked or not. Fixes #1655.
       .md-nav[data-md-level="1"] {
         display: block;
+
+        // Adjust spacing for level 1 items
+        > .md-nav__list > .md-nav__item {
+          padding-right: px2rem(12px);
+        }
       }
     }