headers in tag list

[wolnelektury.git] / src / wolnelektury / static / scss / main / base.scss

diff --git a/src/wolnelektury/static/scss/main/base.scss b/src/wolnelektury/static/scss/main/base.scss
index 1f1021a..210fd44 100755 (executable)
--- a/src/wolnelektury/static/scss/main/base.scss
+++ b/src/wolnelektury/static/scss/main/base.scss
@@ -75,7 +75,7 @@ ul.plain {
 .theme-list-link {
     @include mono;
     @include size(font-size, 11px);
 .theme-list-link {
     @include mono;
     @include size(font-size, 11px);

-    
+

     &:after {
         @include size(padding-left, 11px);
         content: url("/static/img/arrow-teal.png");
     &:after {
         @include size(padding-left, 11px);
         content: url("/static/img/arrow-teal.png");


@@ -108,3 +108,61 @@ ul.plain {
 .simple-hidden-initially {
     display: none;
 }
 .simple-hidden-initially {
     display: none;
 }

+
+
+.plain-list-container {
+    margin: 2em 0;
+    .plain-list {
+        column-count: 2;
+        -moz-column-count: 2;
+        -webkit-column-count: 2;
+
+        @media screen and (min-width: 768px) {
+            column-count: 4;
+            -moz-column-count: 4;
+            -webkit-column-count: 4;
+        }
+        @media screen and (min-width: 1024px) {
+            column-count: 5;
+            -moz-column-count: 5;
+            -webkit-column-count: 5;
+        }
+
+        p {
+            margin-top: 0;
+
+            &.header {
+                -webkit-column-break-after: avoid;
+                break-after: avoid;
+            }
+        }
+
+        .initial-block {
+            display: inline-block;
+        }
+    }
+
+    .pager {
+        font-size: 18px;
+        margin-top: .5em;
+        text-align: center;
+
+        .current {
+            font-weight: bold;
+            color: black;
+        }
+    }
+}
+
+
+.tag-box {
+    display: block;
+
+    @media screen and (min-width: 768px) {
+        display: inline-block;
+        vertical-align: top;
+        width: 48%;
+        margin-right: 1%;
+        @include size(margin-bottom, 10px);
+    }
+}