Fix IE10 flexbox

assets/stylesheets/components/_content.scss

@@ -80,10 +80,14 @@
 //
 
 ._intro {
+  display: -ms-flexbox;
   display: flex;
-  flex-direction: column;
+  -ms-flex-direction: column;
+      flex-direction: column;
+    -ms-flex-pack: center;
   justify-content: center;
-  align-items: center;
+   -ms-flex-align: center;
+      align-items: center;
   min-height: calc(100vh - 2.375rem);
 
   ._sidebar-hidden & {
@@ -257,10 +261,14 @@
 }
 
 ._docs-tools {
+  display: -ms-flexbox;
   display: flex;
-  flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+    -ms-flex-pack: justify;
   justify-content: space-between;
-  align-items: center;
+  -ms-flex-align: center;
+     align-items: center;
   line-height: 1.5rem;
   margin-top: -.5rem;
 
@@ -271,7 +279,8 @@
 }
 
 ._docs-links {
-  flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
   margin: .5rem 0;
   padding: .25rem 0;
   @extend %box;

assets/stylesheets/components/_header.scss

@@ -7,6 +7,7 @@
   z-index: $headerZ;
   top: 0;
   left: 0;
+  display: -ms-flexbox;
   display: flex;
   width: $sidebarWidth;
   height: $headerHeight;
@@ -141,7 +142,8 @@
 //
 
 ._search {
-  flex-grow: 1;
+  -ms-flex: 1 1 auto;
+      flex: 1 1 auto;
   position: relative;
   height: 100%;
   padding: .5rem 0 .5rem .5rem;

assets/stylesheets/components/_settings.scss

@@ -29,13 +29,15 @@
 //
 
 ._settings-fieldset {
+  display: -ms-flexbox;
   display: flex;
   margin: 1.5rem 0;
   line-height: 1.5rem;
 }
 
 ._settings-legend {
-  flex: 0 1 10rem;
+  -ms-flex: 0 1 10rem;
+      flex: 0 1 10rem;
   margin: 0;
   padding-right: .5rem;
   line-height: inherit;
@@ -46,7 +48,8 @@
 }
 
 ._settings-inputs {
-  flex: 1 1 20rem;
+  -ms-flex: 1 1 20rem;
+      flex: 1 1 20rem;
 }
 
 ._settings-label {