Vertically align inner toggle for webkit browsers

mmistakes · mmistakes · commit 4182c34ff641 · 2017-03-29T15:27:15.000-04:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -14,8 +14,10 @@
 
     <div class="sidebar-toggle-wrapper">
       <button class="toggle navicon-button larr" type="button">
-        <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
-        <span class="navicon"></span>
+        <span class="toggle-inner">
+          <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
+          <span class="navicon"></span>
+        </span>
       </button>
     </div>
 
diff --git a/_sass/basically-basic/_sidebar.scss b/_sass/basically-basic/_sidebar.scss
@@ -116,13 +116,11 @@
   cursor: pointer;
   z-index: 10000;
 
-  .toggle {
+  .toggle-inner {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
-    color: inherit;
-    text-decoration: none;
   }
 }
 
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -14,8 +14,10 @@
 
     <div class="sidebar-toggle-wrapper">
       <button class="toggle navicon-button larr" type="button">
-        <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
-        <span class="navicon"></span>
+        <span class="toggle-inner">
+          <span class="sidebar-toggle-label">{{ site.data.theme.t.menu | default: 'Menu' }}</span>
+          <span class="navicon"></span>
+        </span>
       </button>
     </div>
 
diff --git a/docs/_sass/basically-basic/_sidebar.scss b/docs/_sass/basically-basic/_sidebar.scss
@@ -116,13 +116,11 @@
   cursor: pointer;
   z-index: 10000;
 
-  .toggle {
+  .toggle-inner {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-align: center;
     align-items: center;
-    color: inherit;
-    text-decoration: none;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -116,13 +116,11 @@`
`116`	`116`	`cursor: pointer;`
`117`	`117`	`z-index: 10000;`
`118`	`118`
`119`		`- .toggle {`
	`119`	`+ .toggle-inner {`
`120`	`120`	`display: -ms-flexbox;`
`121`	`121`	`display: flex;`
`122`	`122`	`-ms-flex-align: center;`
`123`	`123`	`align-items: center;`
`124`		`- color: inherit;`
`125`		`- text-decoration: none;`
`126`	`124`	`}`
`127`	`125`	`}`
`128`	`126`