Improved focus outline for desktop navigation

This commit is contained in:
squidfunk 2021-04-18 15:03:54 +02:00
parent 27fb3c0d0e
commit 2e60bca665
6 changed files with 11 additions and 11 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

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

View File

@ -624,13 +624,13 @@
// Modifier for when navigation tabs are rendered // Modifier for when navigation tabs are rendered
&--lifted { &--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__list > .md-nav__item--nested,
> .md-nav__title { > .md-nav__title {
display: none; display: none;
} }
// Hide level 1 items // Hide level 0 items
> .md-nav__list > .md-nav__item { > .md-nav__list > .md-nav__item {
display: none; display: none;
@ -652,17 +652,17 @@
scroll-snap-align: start; 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 // Hack: Always show active navigation tab on breakpoint screen, despite
// of checkbox being checked or not. Fixes #1655. // of checkbox being checked or not. Fixes #1655.
.md-nav[data-md-level="1"] { .md-nav[data-md-level="1"] {
display: block; display: block;
// Adjust spacing for level 1 items
> .md-nav__list > .md-nav__item {
padding-right: px2rem(12px);
}
} }
} }