From 0cb80c73cf038ef08a9eb0af9eb3d18c0dfffad3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs?= <heckyel@hyperbola.info>
Date: Mon, 25 Mar 2019 11:49:05 -0500
Subject: independent playlist with js and playlist without JS

---
 src/scss/playlist/_mediaqueries.scss | 57 ++++++++++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 src/scss/playlist/_mediaqueries.scss

(limited to 'src/scss/playlist/_mediaqueries.scss')

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
-- 
cgit v1.2.3