Merge branch 'master' into rwd

[wolnelektury.git] / 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 2f6e0d4..a559688 100755 (executable)
--- 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);
+    }
+}
+