manyi/static/angular-mod/css/less/app.nav.offscreen.less

@media (max-width: 767px) {
	.app{
		overflow-x: hidden;
	}
	.app-content{
		.transition-transform(0.2s ease);
	}
	.off-screen{
			position: absolute;
			top: 50px;
			bottom: 0;
			width: @off-screen-width;
			display: block !important;
			visibility: visible;
			overflow-x: hidden;
			overflow-y: auto;
		  -webkit-overflow-scrolling: touch;
		  z-index: 1010;
		  + *{
				background-color: @body-bg;
				.transition-transform(0.2s ease);
				.backface-visibility(hidden);
				.translate3d(@off-screen-width, 0px, 0px);
				overflow: hidden;
				position: absolute;
				width: 100%;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				z-index: 1015;
				padding-top: 50px;
				.off-screen-toggle {
					display:block !important;
					position: absolute;
					left: 0;
					right: 0;
					top: 0;
					bottom: 0;
					z-index: 1020;
				}
			}
			&.pull-right{
				right: 0;
				+ *{
					.translate3d(-@off-screen-width, 0px, 0px);
				}
			}
	}
}