Tag intersections.

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / local.scss

diff --git a/src/wolnelektury/static/2022/styles/local.scss b/src/wolnelektury/static/2022/styles/local.scss
index 5f63275..1dea8ca 100644 (file)
--- a/src/wolnelektury/static/2022/styles/local.scss
+++ b/src/wolnelektury/static/2022/styles/local.scss
@@ -179,3 +179,54 @@ $teal: #007880;
         }
     }
 }
+
+
+.filter-container {
+    position: absolute;
+    top: 15px;
+    bottom: 25px;
+
+    display: flex;
+    align-items: center;
+
+    .filter {
+        background: #FBC40F;
+        padding: 5px 10px;
+        margin-left: 5px;
+        border-radius: 15px;
+    }
+}
+
+.with-filter {
+    padding: 20px 0 0;
+    position: relative;
+
+    h2 {
+        margin-bottom: 0;
+    }
+}
+.with-filter .row div.filter-container {
+    background: white;
+    top: 0;
+    bottom: 100%;
+    opacity: 0;
+    overflow: hidden;
+
+    transition: opacity .2s, all .3s;
+    
+}
+.with-filter.filters-enabled {
+    .row div.filter-container{
+        top: 15px;
+        bottom: 5px;
+        opacity: 1;
+    }
+}
+
+.l-books__input .filter-container {
+    top: 0;
+    bottom: 0;
+    right: 10px;
+    padding: 10px 0;
+
+}