independent playlist with js and playlist without JS

1 files changed, 57 insertions, 0 deletions

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