Merge pull request #229 from canjs/revert

Revert all my bad style changes :(

Author: imaustink

static/mobile.less

@@ -17,27 +17,24 @@ label[for="nav-trigger"] {
   font-weight: 700;
   .border-radius;
   z-index: 99;
-  transition: background @transition-speed;
+  transition: background .25s;
 }
 label:hover{
   background: @border-color;
 }
 .nav-trigger:checked + label{
-  left: @sidebar-width + @gutter*2;
-  transition: left @transition-speed*2;
+    left: @sidebar-width + @gutter*2;
 }
 .nav-trigger ~ #everything #right {
 	width: 100%;
 }
 .nav-trigger:checked ~ #everything #right {
-  @media screen and (max-width: @breakpoint){
-    flex-shrink: 0;
-    width: auto;
-    position: fixed;
-    left: @sidebar-width;
-    overflow-x: hidden;
-    z-index: 50;
-  }
+  flex-shrink: 0;
+  width: auto;
+  position: fixed;
+  left: @sidebar-width;
+  overflow-x: hidden;
+  z-index: 50;
 }
 .nav-trigger + label {
   .transition-left

static/sidebar.less

@@ -10,17 +10,11 @@
     	color: white;
     	font-weight: 300;
   	}
-	  @media screen and (min-width: @breakpoint) {
-      display: block;
+	@media screen and (min-width: @breakpoint) {
+      	display: block;
     }
 }
 
-#everything #left{
-  @media screen and (min-width: @breakpoint){
-    display: none;
-  }
-}
-
 // ----- SOCIAL BUTTONS FOR MOBILE VIEW -----
 ul.social-side{
   margin: 0;

static/variables.less

@@ -14,7 +14,6 @@
 @gutter: 15px;
 @breakpoint: 1000px;
 @sidebar-width: 250px;
-@transition-speed: .25s;
 
 /*----- TYPE -----*/
 @font-weight-heading: 500;