split up the scss

app/assets/stylesheets/_aleph.scss

@@ -0,0 +1,11 @@
+// ------------------------------
+// #REAL-TIME STATUS (from Aleph)
+// ------------------------------
+
+.fa-check {
+  color: $success
+}
+
+.fa-times {
+ color: $error
+}

app/assets/stylesheets/_bento.scss

@@ -0,0 +1,119 @@
+/* Bento-specific styles */
+
+// ----------------------------------------
+// #GENERAL PAGE LAYOUT AND SIMPLE ELEMENTS
+// ----------------------------------------
+
+.wrap-notices .title {
+  font-size: 1.2rem;
+  line-height: 1.4;
+}
+
+.wrap-outer-header-local {
+  display: none;
+}
+
+.wrap-content {
+  padding-top: 1rem;
+}
+
+.nudge-feedback {
+  text-align: right;
+  font-size: $fs-small;
+  font-weight: $fw-bold;
+
+  p {
+    margin-bottom: 0;
+  }
+
+  a {
+    color: $orange;
+  }
+}
+
+/* big boxes */
+.wrap-results {
+  margin-top: 2rem;
+  margin-bottom: 3rem;
+  background-color: $white-t;
+  box-shadow: 0 0 3px 1px $smoke;
+  padding: 15px;
+  border-top: 3px solid $green;
+
+  .title {
+    margin-bottom: .1em;
+  }
+
+  .results-desc {
+    font-size: $fs-smallish;
+    color: $gray;
+  }
+
+  .wc-link {
+    display: block;
+  }
+}
+
+.results-more {
+  margin-top: 1rem;
+  font-size: $fs-smallish;
+
+  a {
+    display: block;
+    text-align: center;
+  }
+}
+
+/* other bits */
+.wrap-help {
+  .title {
+    margin-bottom: .3em;
+    font-size: $fs-base;
+    font-weight: 600;
+    color: $gray-d1;
+  }
+
+  .list-tools {
+    @extend .list-unbulleted;
+    font-size: $fs-small;
+  }
+}
+
+.wrap-chat {
+  border: 1px solid $gray-l3;
+  background-color: $white-t;
+  padding: 1.5rem 3rem 1rem 3rem;
+  font-size: $fs-smallish;
+  color: $gray;
+
+  .title {
+    font-size: $fs-large;
+    color: $gray-d1;
+    margin-bottom: .2em;
+  }
+}
+
+.about-bento {
+  margin: 4rem 0;
+}
+
+// content area adjustments
+.wrap-content {
+  .title-area {
+    margin-bottom: 1rem;
+  }
+
+  .title-page {
+    padding-top: 1.5rem;
+  }
+
+  .title.has-subline {
+    margin-bottom: .1em;
+    padding-bottom: .1em;
+  }
+
+  .subline {
+    font-size: $fs-xsmall;
+  }
+}
+

app/assets/stylesheets/_feedback.scss

@@ -0,0 +1,21 @@
+// ------------------------------
+// #FORMS AND FEEDBACK
+// ------------------------------
+
+/* general bento feedback form */
+.bento-feedback {
+
+	.field-text {
+	  width: 80%;
+	}
+
+	.bento-field-textarea {
+	  width: 80%;
+	  height: 10em;
+	}
+}
+
+label.error {
+  color: $error;
+}
+

app/assets/stylesheets/_results.scss

@@ -0,0 +1,163 @@
+// --------------------
+// #ITEM RESULTS
+// --------------------
+
+/* generic result pattern */
+.wrap-result {
+  transition: all .25s ease-in-out 0s;
+  border-bottom: 1px solid $gray-l3;
+  border-right: 1px solid $white-t;
+  border-left: 1px solid $white-t;
+  padding: 2rem 1rem 2rem 1rem;
+
+  &:first-child {
+    border-top: 1px solid $gray-l3;
+  }
+
+  &:hover,
+  &:focus {
+    border-right: 1px solid $gray-l3;
+    border-left: 1px solid $gray-l3;
+    background-color: $gray-l4;
+  }
+
+
+  .result-type {
+    margin-bottom: .5em;
+    font-size: $fs-xsmall;
+    color: $gray;
+  }
+
+  .result-image {
+    float: right;
+    max-width: 150px;
+    margin-left: 3%;
+    border: 1px solid #ccc;
+  }
+
+  .result-title {
+    margin-bottom: .2em;
+
+    a {
+
+      &:hover,
+      &:focus {
+        color: $brand-primary;
+      }
+    }
+  }
+
+  .result-author:after {
+    content: ';';
+    color: $gray-l1;
+  }
+
+  .result-author:last-child:after {
+    content: '';
+  }
+
+  .result-blurb {
+     font-size: $fs-xsmall;
+     color: $gray;
+   }
+
+  .result-pubinfo {
+    font-size: $fs-xsmall;
+    color: $gray;
+  }
+
+  .result-year {
+    margin-bottom: .5em;
+    font-size: $fs-xsmall;
+    color: $gray;
+
+    &:before {
+      content: " | ";
+      color: $gray-l2;
+    }
+   }
+
+  .list-subjects {
+    @extend .list-unbulleted;
+  }
+
+  .result-subjectheading {
+    margin: 0;
+    font-size: $fs-xsmall;
+  }
+
+
+  .list-local-locations {
+    @extend .list-unbulleted;
+    margin-bottom: 0;
+  }
+
+  .result-local-location {
+    color: $gray;
+    font-size: $fs-smallish;
+  }
+
+  .result-get {
+    clear: both;
+    padding-top: 5px;
+    text-align: right;
+    font-size: 1.4rem;
+
+    .online {
+    	float: left;
+    }
+  }
+
+  .realtime_status {
+    font-size: $fs-xsmall;
+  }
+}
+
+
+/* specific format overrides */
+.articles_content {
+
+  .wrap-result {
+
+    .result-title {
+      font-size: $fs-large;
+    }
+
+    .result-authors {
+      font-size: $fs-smallish;
+    }
+  }
+}
+
+.website_content {
+  .wrap-result {
+    padding: 1rem .5rem .5rem .5rem;
+
+    .result-title {
+      font-size: $fs-large;
+    }
+
+    .result-authors {
+      font-size: $fs-smallish;
+    }
+
+    .result-get {
+      display: none;
+    }
+  }
+}
+
+// specific view changes
+.view-more {
+  .wrap-result {
+    border-right: 1px solid $gray-l4;
+    border-left: 1px solid $gray-l4;
+
+    &:hover,
+    &:focus {
+      border-right: 1px solid $gray-l3;
+      border-left: 1px solid $gray-l3;
+      background-color: $white-t;
+    }
+  }
+}

app/assets/stylesheets/_search.scss

@@ -0,0 +1,65 @@
+// ------------------------
+// #SEARCH BITS
+// ------------------------
+
+/* search bar */
+.b-search {
+  margin-bottom: .5rem;
+
+  .field-label {
+    display: block;
+    margin-bottom: .5rem;
+    font-size: $fs-small;
+    font-weight: $fw-normal;
+    color: $gray;
+  }
+
+  .b-search-input {
+    display: inline-block;
+    width: 80%;
+    border: 1px solid $gray-l2;
+    border-radius: 2px;
+    padding: 6px 12px;
+  }
+
+  .b-search-submit {
+    display: inline-block;
+    width: 18%;
+  }
+}
+
+/* search results summary bar */
+.results-summary {
+  font-size: $fs-small;
+
+  .search-summary {
+    display: block;
+    margin-bottom: .3rem;
+    font-size: $fs-xsmall;
+    color: $gray;
+  }
+
+  .title {
+    display: inline-block;
+  }
+
+  .results-summary-item {
+    display: block;
+    margin: 0 1rem;
+
+    @media (min-width: $bp-screen-sm) {
+      display: inline-block;
+    }
+
+    .count {
+    }
+
+    .count:before {
+      content: '(';
+    }
+
+    .count:after {
+      content: ')';
+    }
+  }
+}