separate out transitions for sidebar from toggle and wrap to fix #6

public/css/lanyon.css

@@ -265,10 +265,6 @@ a.sidebar-nav-item:focus {
 .wrap,
 .sidebar,
 .sidebar-toggle {
-  -webkit-transition: all 0.3s ease-in-out;
-     -moz-transition: all 0.3s ease-in-out;
-      -ms-transition: all 0.3s ease-in-out;
-          transition: all 0.3s ease-in-out;
     -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
         -ms-backface-visibility: hidden;
@@ -278,6 +274,19 @@ a.sidebar-nav-item:focus {
       -ms-perspective: 1000;
           perspective: 1000;
 }
+.sidebar {
+  -webkit-transition: all .3s ease-in-out;
+     -moz-transition: all .3s ease-in-out;
+      -ms-transition: all .3s ease-in-out;
+          transition: all .3s ease-in-out;
+}
+.wrap,
+.sidebar-toggle {
+  -webkit-transition: left .3s ease-in-out;
+     -moz-transition: left .3s ease-in-out;
+      -ms-transition: left .3s ease-in-out;
+          transition: left .3s ease-in-out;
+}
 
 #sidebar-checkbox:checked + .sidebar {
   left: 0;
@@ -405,14 +414,14 @@ a.pagination-item:hover {
  */
 
 .layout-reverse .wrap,
-.layout-reverse .sidebar,
 .layout-reverse .sidebar-toggle {
   -webkit-transition-property: right;
      -moz-transition-property: right;
       -ms-transition-property: right;
           transition-property: right;
 }
 
+
 .layout-reverse .sidebar {
   left: auto;
   right: -14rem;