first commit

media/templates/site/cassiopeia/scss/system/searchtools/searchtools.scss

@@ -0,0 +1,56 @@
+@import "../../tools/tools";
+
+// Search tools
+
+.js-stools-container-bar {
+  padding: 10px 20px;
+
+  .btn-toolbar {
+    justify-content: flex-end;
+
+    > * {
+      margin: 4px 0;
+      margin-inline-end: 8px;
+    }
+
+    .js-stools-btn-clear {
+      background-color: $cyan;
+      border: 0;
+    }
+  }
+
+  .ordering-select {
+    display: flex;
+  }
+}
+
+.js-stools-container-filters {
+  display: none;
+  padding: 0 20px;
+  margin-bottom: 20px;
+
+  &-visible {
+    display: grid;
+    grid-gap: 8px;
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+    padding: 10px;
+    background-color: $white;
+  }
+
+  > * {
+    margin: 4px 0;
+    margin-inline-end: 8px;
+  }
+}
+
+.js-stools-field-list {
+  + .js-stools-field-list {
+    margin-inline-start: 8px;
+  }
+}
+
+.js-stools-field-selector {
+  .form-select {
+    width: auto;
+  }
+}