Fix: Thumbnail navigation now animates correctly in IE11 (#972)

box · Apr 2, 2019 · cf53a79 · cf53a79
1 parent cb6fe25
commit cf53a79
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/src/lib/viewers/doc/_docBase.scss b/src/lib/viewers/doc/_docBase.scss
@@ -90,24 +90,24 @@ $thumbnail-sidebar-width: 226px;
         }
     }
 
-    @include bp-breakpoint-medium {
-        $bp-thumbnails-animation: 300ms cubic-bezier(.4, 0, .2, 1);
-
-        @keyframes bp-thumbnails-open {
-            0% {
-                display: none;
-                transform: translateX(-$thumbnail-sidebar-width);
-            }
+    @keyframes bp-thumbnails-open {
+        0% {
+            display: none;
+            transform: translateX(-$thumbnail-sidebar-width);
+        }
 
-            1% {
-                display: flex;
-                transform: translateX(-$thumbnail-sidebar-width);
-            }
+        1% {
+            display: flex;
+            transform: translateX(-$thumbnail-sidebar-width);
+        }
 
-            100% {
-                transform: translateX(0);
-            }
+        100% {
+            transform: translateX(0);
         }
+    }
+
+    @include bp-breakpoint-medium {
+        $bp-thumbnails-animation: 300ms cubic-bezier(.4, 0, .2, 1);
 
         &.bp-loaded {
             .bp-content {