Fixed rendering errors in Firefox

This commit is contained in:
squidfunk 2023-02-22 19:08:38 +01:00
parent 6239b71f00
commit 1663d84b02
6 changed files with 16 additions and 16 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

@ -40,7 +40,7 @@
{% endif %}
{% endblock %}
{% block styles %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.ffa9267a.min.css' | url }}">
<link rel="stylesheet" href="{{ 'assets/stylesheets/main.113286f1.min.css' | url }}">
{% if config.theme.palette %}
{% set palette = config.theme.palette %}
<link rel="stylesheet" href="{{ 'assets/stylesheets/palette.a0c5b2b5.min.css' | url }}">

View File

@ -549,14 +549,7 @@
width: px2rem(18px);
height: px2rem(18px);
border-radius: 100%;
transition:
background-color 250ms,
transform 250ms;
// Adjust for right-to-left languages
[dir="rtl"] & {
transform: rotate(180deg);
}
transition: background-color 250ms;
// Navigation icon on hover
&:hover {
@ -574,13 +567,20 @@
mask-position: center;
mask-repeat: no-repeat;
mask-size: contain;
border-radius: 100%;
transition: transform 250ms;
content: "";
}
// Navigation icon - rotate icon when toggle is active or indeterminate
.md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link &,
.md-nav__item--nested .md-nav__toggle:indeterminate ~ .md-nav__link & {
transform: rotate(90deg);
// Adjust for right-to-left languages
[dir="rtl"] & {
transform: rotate(180deg);
}
// Navigation icon - rotate icon when toggle is active or indeterminate
.md-nav__item--nested .md-nav__toggle:checked ~ .md-nav__link &,
.md-nav__item--nested .md-nav__toggle:indeterminate ~ .md-nav__link & {
transform: rotate(90deg);
}
}
}