Context submenu; Modal beginnings

src/scss/components/_context-menu.scss

@@ -3,14 +3,15 @@
 	position: fixed;
 	left: 0;
 	top: 0;
-	z-index: 9999;
+	z-index: 98;
 	background: $dark_grey;
 	color: #FFFFFF;
 
-	a {
+	.menu-item {
 		display: block;
 		padding: 8px 12px;
 		width: 120px;
+		box-sizing: border-box;
 
 		&:not(:first-child){
 			border-top: 1px solid lighten($dark_grey, 8%);
@@ -19,6 +20,24 @@
 		&:hover {
 			cursor: pointer;
 			background: lighten($dark_grey, 5%);
+
+			.submenu {
+				display: block;
+			}
+		}
+
+		.submenu {
+			display: none;
+			position: absolute;
+			left: 120px;
+			top: 0;
+			max-height: 400px;
+			overflow-y: scroll;			
+			background: lighten($dark_grey, 5%);
+
+			.menu-item:hover {
+				background: lighten($dark_grey, 10%);
+			}
 		}
 	}
 }

src/scss/components/_dragger.scss

@@ -9,7 +9,7 @@
 	position: fixed;
 	left: 0;
 	top: 0;
-	z-index: 9999;
+	z-index: 97;
 	background: $blue;
 	color: #FFFFFF;
 	padding: 12px 20px;
@@ -22,7 +22,7 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	z-index: 9998;
+	z-index: 98;
 	background: rgba(25, 25, 25, 0.9);
 
 	.dropzone {

src/scss/components/_modal.scss

@@ -0,0 +1,63 @@
+
+.modal {
+	position: fixed;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+	z-index: 99;
+	background: rgba(10, 10, 10, 0.95);
+	overflow-y: scroll;
+
+	.close-modal {
+		@include animate();
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		opacity: 0.5;
+		cursor: pointer;
+		padding: 20px;
+
+		img {
+			width: 30px;
+		}
+
+		&:hover {
+			opacity: 1;
+		}
+	}
+
+	.content {
+		padding: 100px;
+		margin: 0 auto;
+		width: 70%;
+		color: #FFFFFF;
+
+		.playlists {
+			@include clearfix();
+
+			.playlist {
+				float: left;
+				box-sizing: border-box;
+				display: block;
+				width: 49%;
+				padding: 16px 20px;
+				border-bottom: 1px solid $mid_grey;
+
+				&:nth-child(1),
+				&:nth-child(2){
+					border-top: 1px solid $mid_grey;
+				}
+
+				&:nth-child(2n+1){
+					float: right;
+				}
+
+				&:hover {
+					cursor: pointer;
+					background: rgba(255,255,255,0.1);
+				}
+			}
+		}
+	}
+}