Updated to Drupal 8.5. Core Media not yet in use.
[yaffs-website] / web / core / profiles / demo_umami / themes / umami / css / components / blocks / search / search-results.css
diff --git a/web/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search-results.css b/web/core/profiles/demo_umami/themes/umami/css/components/blocks/search/search-results.css
new file mode 100644 (file)
index 0000000..06c1963
--- /dev/null
@@ -0,0 +1,108 @@
+/**
+ * @file
+ * Stylesheet for results generated by the Search module.
+ */
+
+.search-form {
+  display: flex;
+  align-items: flex-end;
+  flex-wrap: wrap;
+  margin: 0 0 1rem;
+}
+
+.search-form #edit-basic {
+  background: #fff;
+  border: 1px solid #fcece7;
+  padding: 1.28rem;
+  margin: 0 1rem 1rem 0;
+}
+.search-form #edit-basic {
+  display: flex;
+  align-items: flex-end;
+}
+.search-form .form-type-search {
+  margin: 0;
+  padding: 0;
+}
+.search-form .form-type-search label {
+  display: inline-block;
+  margin: 0 0 1ex;
+  padding: 0;
+}
+.search-form .button {
+  min-width: 0;
+  position: relative;
+  z-index: 1;
+}
+.search-form #edit-basic .button {
+  width: 80px;
+  height: 35px;
+  margin-left: -80px;
+}
+
+.search-form .search-help-link {
+  padding: 1.28rem;
+  margin: 0 1rem 1rem 0;
+}
+
+.search-form #edit-advanced {
+  background: #fff;
+  border: 1px solid #fcece7;
+  padding: 1.28rem;
+  margin: 0 1rem 1rem 0;
+}
+.search-form .search-advanced {
+  width: 100%;
+}
+.search-form .search-advanced .details-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  padding: 1rem;
+}
+.search-form .search-advanced .details-wrapper fieldset {
+  width: 28%;
+  margin: 0 0 1rem;
+  padding: 1rem;
+}
+.search-form .search-advanced .action {
+  width: 100%;
+}
+
+.search-form .search-advanced .form-text {
+  margin: 0;
+  padding: 0.5em 2.25em 0.5em 2.25em;
+  border: 1px solid #dbdbdb;
+  min-width: calc(100% - 80px);
+}
+
+/*
+  Search results
+*/
+.search-results {
+  margin: 0 14px 28px;
+  padding: 0;
+  list-style: none;
+}
+/* 77em == the max width of .container + 1em either side */
+@media screen and (min-width: 77em) {
+  .search-results {
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+
+.search-results li {
+  background: #fff;
+  border: 1px solid #fcece7;
+  padding: 1.28rem;
+  margin: 0 0 1rem 0;
+}
+
+.search-results .search-result__snippet {
+  margin-bottom: 0;
+}
+.search-results .search-result__info {
+  margin-top: 1.28rem;
+  margin-bottom: 0;
+}