From 3d53bb80b042c97c9dd95a9a9d20dee8225373b8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 2 Jan 2014 01:48:45 -0800 Subject: [PATCH] separate out transitions for sidebar from toggle and wrap to fix #6 --- public/css/lanyon.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) diff --git a/public/css/lanyon.css b/public/css/lanyon.css index daaf93ecc14..43537737506 100644 --- a/public/css/lanyon.css +++ b/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,7 +414,6 @@ a.pagination-item:hover { */ .layout-reverse .wrap, -.layout-reverse .sidebar, .layout-reverse .sidebar-toggle { -webkit-transition-property: right; -moz-transition-property: right; @@ -413,6 +421,7 @@ a.pagination-item:hover { transition-property: right; } + .layout-reverse .sidebar { left: auto; right: -14rem;