.notifications{
	position:fixed;
	height:100%;
	width:200px;
	top:0px;
	left:-200px;
	background:white(0.8);
	@include single-transition(ease-out, left, 400ms, 0ms);
	ul{
		li{
			margin-bottom:10px;
			padding:10px;
			border-bottom:1px solid $lighter-grey;
			font-size:14px;
			.notification-timestamp{
				color:$light-text;
				font-size:13px;
			}
		}
	}
	.notifications-toggle{
		display:block;
		position:absolute;
		left:200px;
		top:20px;
		white-space:nowrap;
		background:white;
		@include border-radius(0px 3px 3px 0px);
		@include box-shadow(0 1px 1px black(0.15));
		padding:3px 10px;
		font-size:13px;
		&.no-notifications{
			background:white(0.3);
			@include box-shadow(none);
			color:$light-text;
		}
	}
	.notifications-open &{
		left:0px;
	}
}