X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/23783edfd0a5d4d8e2dabd7a5f2d51643de099a6..7f0caf88dd3aac2e4d5bb4ee064137e03ecd4f03:/apps/wolnelektury_core/static/css/main/hidden.scss

diff --git a/apps/wolnelektury_core/static/css/main/hidden.scss b/apps/wolnelektury_core/static/css/main/hidden.scss
index 2f6e0d4e1..a5596882d 100755
--- a/apps/wolnelektury_core/static/css/main/hidden.scss
+++ b/apps/wolnelektury_core/static/css/main/hidden.scss
@@ -1,3 +1,5 @@
+@import "tools";
+
 .hidden-box-wrapper {
     position: relative;
 
@@ -5,22 +7,49 @@
         position: absolute;
         left: 0;
         display: none;
-        border: 1px solid #ddd;
         padding: 1em 1em .5em 1em;
-        background: #fff;
-        -moz-box-shadow: 2px 2px 2px #ddd;
-        -webkit-box-shadow: 2px 2px 2px #ddd;
-        box-shadow: 2px 2px 2px #ddd;
+        @include white-box;
+
         z-index: 500;
 
-        .hidden-box ul {
+        ul {
             list-style: none;
             padding: 0;
             margin: 0;
-            font-size: 1.1em;
-            .hidden-box li {
-                margin-bottom: .5em;
+            @include size-px(font-size, 11);
+
+            @include size-px(column-width, 132);
+            @include size-px(-moz-column-width, 132);
+            @include size-px(-webkit-column-width, 132);
+
+            @media screen and (min-width: 24em) {
+                @include size-px(width, 320);
+            }
+
+            @media screen and (min-width: 34em) {
+                @include size-px(width, 480);
+            }
+
+            @media screen and (min-width: 62.5em) {
+                @include size-px(width, 528);
+            }
+
+
+
+            li {
+                margin-bottom: 1em;
+
+                @media screen and (min-width: 62.5em) {
+                    margin-bottom: .5em;
+                }
             }
         }
     }
 }
+
+@media screen and (min-width: 24em) {
+    #menu-collections ul {
+        @include size-px(width, 180);
+    }
+}
+