Discover view (requires dynamic height and responsive)

src/scss/app.scss

@@ -18,6 +18,7 @@
 @import 'components/sidebar-toggle-button';
 @import 'components/lists';
 @import 'components/grid';
+@import 'components/grid-slider';
 @import 'components/header';
 @import 'components/notifications';
 @import 'components/dropdown-field';
@@ -29,5 +30,6 @@
 @import 'views/queue';
 @import 'views/search';
 @import 'views/library';
+@import 'views/discover';
 @import 'views/settings';
 

src/scss/components/_grid-slider.scss

@@ -0,0 +1,24 @@
+
+.grid-slider-wrapper {
+	padding-bottom: 40px;
+
+	.grid-slider {
+		position: relative;
+		overflow-x: scroll;
+		overflow-y: hidden;
+		height: 220px;
+
+		.liner {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 400%;
+			box-sizing: border-box;
+
+			.grid-item {
+				width: 4%;
+				margin: 0 0.5% !important;
+			}
+		}
+	}	
+}

src/scss/views/_discover.scss

@@ -0,0 +1,6 @@
+
+.discover-view {
+	section {
+		padding: 40px;
+	}
+}