aboutsummaryrefslogtreecommitdiffstats
path: root/src/scss/playlist/_mediaqueries.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/scss/playlist/_mediaqueries.scss')
-rw-r--r--src/scss/playlist/_mediaqueries.scss57
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