Fixed rendering errors in Firefox

Author: squidfunk

Diff for: material/assets/stylesheets/main.113286f1.min.css

@@ -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 }}">

Diff for: material/assets/stylesheets/main.113286f1.min.css.map

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