work on pages, filters, lists

assets/public/styles.scss

@@ -5,6 +5,7 @@ $body-background-color: $light;
 
 @import "~bulma/bulma";
 
+//-- helpers/modifiers
 .is-fullwidth { width: 100%; }
 .is-fixed-bottom {
     position: fixed;
@@ -18,6 +19,14 @@ $body-background-color: $light;
     background-color: transparent;
 }
 
+.is-opacity-light {
+    opacity: 0.7;
+    &:hover {
+        opacity: 1;
+    }
+}
+
+//-- navbar
 .navbar + .container {
     margin-top: 1em;
 }
@@ -30,10 +39,44 @@ a.navbar-item.is-active {
     border-bottom: 1px grey solid;
 }
 
-.navbar .navbar-dropdown {
-    z-index: 2000;
+.navbar {
+    .navbar-dropdown {
+        z-index: 2000;
+    }
+
+    .navbar-split {
+        margin: 0.2em 0em;
+        margin-right: 1em;
+        padding-right: 1em;
+        border-right: 1px $grey-light solid;
+        display: inline-block;
+    }
+
+    form {
+        margin: 0em;
+        padding: 0em;
+    }
 }
 
+
+//-- filters
+.filters {
+    margin: 1em 0em;
+    background-color: transparent;
+    margin-bottom: 1em;
+
+    .title {
+        padding-right: 2em;
+        margin-right: 1em;
+        border-right: 1px $grey-light solid;
+
+        font-size: $size-5;
+        color: $text-light;
+        font-weight: $weight-light;
+    }
+}
+
+
 /*
 .navbar-brand img {
     min-height: 6em;