3 files changed, 74 insertions, 0 deletions
diff --git a/src/scss/playlist/_main.scss b/src/scss/playlist/_main.scss
new file mode 100644
index 0000000..d6d6035
--- /dev/null
+++ b/src/scss/playlist/_main.scss
@@ -0,0 +1,5 @@
+// Single playlist
+.single-play-menu {
+    height: 320px; //enabled scroll
+    overflow-y: auto;
+}
diff --git a/src/scss/playlist/_mediaqueries.scss b/src/scss/playlist/_mediaqueries.scss
new file mode 100644
index 0000000..68b1063
--- /dev/null
+++ b/src/scss/playlist/_mediaqueries.scss
@@ -0,0 +1,57 @@
+// Single Playlist
+@media (min-width: 1920px) and  (min-height: 900px) {
+    // Single playlist
+    .single-play-menu {
+        height: 380px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+
+@media screen and (max-width: 1280px) {
+    // Single playlist
+    .single-play-menu {
+        height: 320px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+
+@media screen and (max-width: 980px) {
+    // Single playlist
+    .single-play-menu {
+        height: 250px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+
+@media screen and (max-width: 800px) {
+    // Single playlist
+    .single-play-menu {
+        height: 190px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+
+@media screen and (max-width: 768px) {
+    // Single playlist
+    .single-play-menu {
+        height: 350px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+
+@media screen and (max-width: 360px) {
+    // Single playlist
+    .single-play-menu {
+        height: 150px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+
+@media screen and (max-width: 320px) {
+    // Single playlist
+    .single-play-menu {
+        height: 120px; //enabled scroll
+        overflow-y: auto;
+    }
+}
+// /Single PlayList
diff --git a/src/scss/playlist/playlist.scss b/src/scss/playlist/playlist.scss
new file mode 100644
index 0000000..6e80c43
--- /dev/null
+++ b/src/scss/playlist/playlist.scss
@@ -0,0 +1,12 @@
+@charset "utf-8";
+/*!
+ * Author: jesus e.
+ * Version: 1.0.0
+ * Licensed GPLv3 or later (https://www.gnu.org/licenses/gpl-3.0.txt)
+ */
+
+// _main.scss
+@import 'main';
+
+// Mediaqueries
+@import "mediaqueries";