sioux-offscreen/example/style.css

An off screen navigation item. Similar to the menu of the Facebook and Path app

/* Cascadify: ../style.css */

.offscreen {
	z-index: 40;
}

.offscreen ~ .onscreen {
	z-index: 60;
}

.offscreen, .offscreen ~ .onscreen {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	-webkit-transition-duration: .4s;
}

* {
	-webkit-user-select: none;
}

/* Cascadify: node_modules/sioux-global/style.css */

body {
	margin: 0;
}

.screen {
	width: 100%;
	height: 100%;

	overflow: hidden;
}

.ui-window {
	position: fixed;

	width: 100%;
	height: 100%;

	display: inline-block;

	overflow: auto; 
	-webkit-overflow-scrolling: touch;
}

/* Cascadify: ../style.css */

.offscreen {
	z-index: 40;
}

.offscreen ~ .onscreen {
	z-index: 60;
}

.offscreen, .offscreen ~ .onscreen {
	-webkit-transition-property: -webkit-transform;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	-webkit-transition-duration: .4s;
}

* {
	-webkit-user-select: none;
}