panels.min.css

/*! panels by quoid v0.2.0 | GPL V2 License | http://quoid.github.io/panels/index.html */
.panel{background-color:#add8e6;position:fixed}.panel.panel-top,.panel.panel-bottom{left:0;min-width:100%;max-width:100%}.panel.panel-top.full-page,.panel.panel-bottom.full-page{min-height:100vh;max-height:100vh}.panel.panel-left,.panel.panel-right{min-height:100vh;max-height:100vh;width:280px;top:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.panel.panel-left.full-page,.panel.panel-right.full-page{min-width:100%;max-width:100%}.panel.panel-top{top:0}.panel.panel-bottom{bottom:0}.panel.panel-left{left:0}.panel.panel-right{right:0}.panel-wrapper{background-color:inherit;position:relative}.panel-wrapper::after{background-color:#000;content:"";min-height:100%;width:100%;position:fixed;top:0;right:0;opacity:0}.panel{z-index:300}.panel.reveal-panel{z-index:150}.panel-wrapper{z-index:200}.panel{opacity:0;-webkit-transition:-webkit-transform 325ms,z-index 325ms;transition:transform 325ms,z-index 325ms}.panel.panel-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.panel.panel-bottom{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.panel.panel-left{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.panel.panel-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.panel.reveal-panel{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.panel-wrapper{-webkit-transition:-webkit-transform 325ms;transition:transform 325ms}.panel-wrapper::after{-webkit-transform:translate3d(-9999px,0,0);transform:translate3d(-9999px,0,0);-webkit-transition:opacity 325ms,-webkit-transform 1ms 325ms;transition:opacity 325ms,transform 1ms 325ms}.panel-top-active .panel-top,.panel-right-active .panel-right,.panel-bottom-active .panel-bottom,.panel-left-active .panel-left{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;z-index:301}.panel-top-active .panel-top.reveal-panel,.panel-right-active .panel-right.reveal-panel,.panel-bottom-active .panel-bottom.reveal-panel,.panel-left-active .panel-left.reveal-panel{z-index:151}.panel-opening,.panel-focus{opacity:1}[class*=-active] .panel-wrapper::after{opacity:.5;-webkit-transition:opacity 325ms;transition:opacity 325ms;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}