Added visual indicator to active navigation expander icon

This commit is contained in:
squidfunk 2021-12-19 14:41:39 +01:00
parent a3590cb930
commit 634f863a69
6 changed files with 20 additions and 12 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

@ -34,7 +34,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.edf004c2.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.33436915.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.e6a45f82.min.css' | url }}">

View File

@ -526,7 +526,10 @@
float: right;
width: px2rem(18px);
height: px2rem(18px);
transition: transform 250ms;
border-radius: 100%;
transition:
background-color 250ms,
transform 250ms;
// Adjust for right-to-left languages
[dir="rtl"] & {
@ -534,6 +537,11 @@
transform: rotate(180deg);
}
// Navigation icon on hover
&:hover {
background-color: var(--md-accent-fg-color--transparent);
}
// Navigation icon content
&::after {
display: inline-block;