Playlist and album views

src/scss/views/_playlist.scss

@@ -1,30 +1,72 @@
 
-.album-view {
+.playlist-view {
 	.intro {
-		@include clearfix;
-		position: relative;
-		text-align: center;
-		color: #FFFFFF;
-		padding: 20px;
-		height: 40vh;
-		z-index: 2;
-
-		.parallax {
-			position: absolute;
-			top: 0;
-			left: 0;
-			height: 100%;
-			z-index: -1;
-		}
+		position: absolute;
+		top: 0;
+		left: 0;
+		bottom: 0;
+		width: 300px;
+		background: $faint_grey;
 
 		.thumbnail {
 			float: none;
 			margin: 0 auto;
-			max-width: 160px;
 		}
 
-		h1 {
-			padding-top: 30px;
+		.details {
+			padding: 30px;
+			color: $mid_grey;
+			text-transform: uppercase;
+		}
+
+		.artist-grid {
+			padding: 0;
+			margin: 0;
+
+			.grid-item {
+				margin: 0;
+				width: 50%;
+				position: relative;
+
+				.thumbnail .image {
+					background-color: $secondary_grey;
+				}
+
+				.name {
+					@include animate();
+					position: absolute;
+					top: 35%;
+					left: 0;
+					right: 0;
+					text-align: center;
+					color: #FFFFFF;
+					opacity: 0;
+					z-index: 2;
+					font-weight: bold;
+				}
+
+				&:hover {
+					.name {
+						opacity: 1;
+					}
+				}
+			}
 		}
 	}
+
+	.main {
+
+		.title {
+			padding: 30px 40px;
+
+			h3 {
+				color: $mid_grey;
+				a:hover {
+					color: darken($mid_grey, 20%);
+				}
+			}
+		}
+
+		padding-left: 300px;
+	}
 }