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

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);
}
}
}