X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/6280673f35e13e75e81c5b7821bd2a44a1831eab..357027375ff8867f42ca34bcbfb5a78b5b185fc3:/src/wolnelektury/static/scss/main/hidden.scss?ds=inline

diff --git a/src/wolnelektury/static/scss/main/hidden.scss b/src/wolnelektury/static/scss/main/hidden.scss
new file mode 100755
index 000000000..718525be0
--- /dev/null
+++ b/src/wolnelektury/static/scss/main/hidden.scss
@@ -0,0 +1,53 @@
+.hidden-box-wrapper {
+    position: relative;
+
+    .hidden-box {
+        position: absolute;
+        left: 0;
+        display: none;
+        @include size(padding, 10px 10px 5px 10px);
+        @include white-box;
+
+        z-index: 500;
+
+        ul {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            @include size(font-size, 11px);
+
+            @include size(column-width, 132px);
+            @include size(-moz-column-width, 132px);
+            @include size(-webkit-column-width, 132px);
+
+            @media screen and (min-width: 24em) {
+                @include size(width, 320px);
+            }
+
+            @media screen and (min-width: 34em) {
+                @include size(width, 480px);
+            }
+
+            @media screen and (min-width: 62.5em) {
+                @include size(width, 528px);
+            }
+
+
+
+            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(width, 180px);
+    }
+}
+