Add Sass (.scss) files

www/scss/search-google.scss

+// TODO: Import DCF mixins
+// @import "mixins/_mixins.backgrounds.scss";
+// @import "mixins/_mixins.margins.scss";
+// @import "mixins/_mixins.padding.scss";
+// @import "mixins/_mixins.typography.scss";
+
+
+// !UNL Google Search Results Overrides
+.unl .google-results tbody th,
+.unl .google-results tbody td {
+  padding-bottom: 0;
+  padding-top: 0;
+}
+
+.unl .gsc-control-cse {
+//   @include bg-transparent;
+  background-color: transparent;
+  border: 0;
+  font-family: inherit;
+  font-size: inherit;
+  padding: 0;
+}
+
+.unl .cse .gsc-control-cse {
+//   @include bg-transparent;
+  background-color: transparent;
+  border: 0;
+  padding: 0;
+}
+
+.unl .gsc-control-cse .gsc-table-result {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+.unl .gsc-above-wrapper-area {
+  border: 0;
+//   @include mb-7;
+  margin-bottom: 2.37em;
+  padding: 0;
+}
+
+.unl .gsc-result-info {
+//   color: $color-body;
+//   color: ;
+  font-size: inherit;
+  margin: 0;
+  padding: 0;
+}
+
+.unl .gcsc-branding {
+  display: none;
+}
+
+.unl .gsc-webResult .gsc-result {
+  border: 0;
+//   @include pb-6;
+  padding-bottom: 2.37em;
+  padding-top: 0;
+}
+
+.unl .gsc-thumbnail-inside {
+  display: none;
+}
+
+.unl .gsc-thumbnail-left {
+  display: block;
+//   @include mb-1;
+  margin-bottom: .43em;
+}
+
+.unl .gs-snippet {
+//   @include mb-1;
+  margin-bottom: .43em;
+//   @include mt-1;
+  margin-top: .5625em;
+}
+
+.unl .gsc-result .gs-title {
+  height: initial;
+}
+
+// TODO: use line-height crop mixin
+.unl .gsc-result .gs-title::before {
+  content: '';
+  display: block;
+  height: 0;
+  margin-top: -.18em;
+  width: 0;
+}
+
+.unl .gs-result .gs-title,
+.unl .gs-result .gs-title * {
+//   color: $scarlet;
+  color: #d00000;
+  text-decoration: none;
+}
+
+.unl .gsc-control-cse .gs-spelling,
+.unl .gsc-control-cse .gs-result .gs-title,
+.unl .gsc-control-cse .gs-result .gs-title * {
+//   @include lh-3;
+  line-height: 1.125;
+}
+
+.unl .gsc-control-cse .gs-result .gsc-table-cell-snippet-close > .gs-title {
+//   @include txt-h5;
+  font-size: 1.5em;
+  margin-bottom: .18em;
+}
+
+.unl .gsc-control-cse .gs-result .gsc-table-cell-snippet-close > .gs-title * {
+//   @include txt-base;
+  font-size: 1rem;
+}
+
+.unl .gsc-url-top {
+  display: none;
+}
+
+.unl .gsc-control-cse .gs-snippet {
+  color: inherit;
+}
+
+.unl .gsc-thumbnail {
+//   @include pr-5;
+  padding-right: 1em;
+}
+
+.unl .gs-web-image-box,
+.unl .gs-promotion-image-box {
+  padding: 0;
+}
+
+.unl .gs-promotion-image-box img.gs-promotion-image,
+.unl .gs-web-image-box img.gs-image {
+  max-height: none;
+  max-width: 100%;
+}
+
+.unl .gs-image-box.gs-web-image-box.gs-web-image-box-landscape,
+.unl .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
+//   width: #{ms(10)}rem;
+  width: 4.21em;
+}
+
+.unl .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
+  height: auto;
+}
+
+// .unl .gs-result img.gs-image,
+// .unl .gs-result img.gs-promotion-image {
+//   border-color: $color-border;
+// }
+
+.unl .gsc-result.gsc-webResult:hover {
+  border: 0;
+}
+
+.unl .gsc-url-bottom {
+  display: block;
+//   @include txt-xs;
+  font-size: .75em;
+}
+
+// .unl .gsc-snippet-metadata,
+// .unl .gsc-role,
+// .unl .gsc-tel,
+// .unl .gsc-org,
+// .unl .gsc-location,
+// .unl .gsc-reviewer,
+// .unl .gsc-author,
+// .unl .gs-result .gs-visibleUrl,
+// .unl .gs-result a.gs-visibleUrl {
+//   color: $color-light-text;
+// }
+
+.unl .gsc-results .gsc-cursor-box {
+//   border-color: $color-border;
+//   @include bt-1;
+  border-top: 1px solid #ccc;
+  margin: 0;
+  padding: 1em 0 0 0; // TODO: use variable or mixin
+}
+
+.unl .gsc-results .gsc-cursor-box .gsc-cursor-page {
+//   color: $scarlet;
+//   color: @scarlet;
+  display: inline-block;
+//   @include p-1;
+  padding: .43em;
+  text-align: center;
+}
+
+.unl .gsc-results .gsc-cursor-box .gsc-cursor-page:not(:last-child) {
+//   @include mr-4;
+  margin-right: 1em;
+
+}
+
+.unl .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
+//   color: $color-body;
+  font-weight: 400;
+  text-decoration: none;
+}
+
+.unl .gsc-snippet-metadata,
+.unl .gsc-role,
+.unl .gsc-tel,
+.unl .gsc-org,
+.unl .gsc-location,
+.unl .gsc-reviewer,
+.unl .gsc-author
+.unl .gs-result a.gs-visibleUrl,
+.unl .gs-result .gs-visibleUrl {
+  color: #6d6d6c; // TODO: replace with color variable
+}
+
+.unl .gs-result a.gs-visibleUrl,
+.unl .gs-result .gs-visibleUrl {
+  padding-bottom: 0;
+}

www/scss/search.scss

+// TODO: Import DCF mixins
+// @import "mixins/_mixins.padding.scss";
+
+
+// Template overrides
+.embed #visitorChat,
+#wdn_search {
+  display: none !important;
+}
+
+
+// TODO: update search form to use app sub-theme
+#searchform {
+  background: #38431b url(../images/050419.jpg) 50% 50% no-repeat;
+  background-size: cover;
+  text-align: center;
+}
+
+#searchform .wdn-input-group {
+  margin: 0 auto;
+  max-width: 30em;
+}
+
+// #search_wrapper {
+// 	display: none;
+// }
+
+.result-tab li + li::before {
+  content: '\b7'; // middle-dot + space
+  padding-left: .43em;
+  padding-right: .43em;
+}
+
+.result-tab li.selected a {
+  color: #2e2e2d;
+}
+
+.search-results {
+  opacity: 0;
+  transition: opacity 400ms;
+}
+
+.search-results.active {
+  opacity: 1;
+}
+
+.search-results h3 {
+  display: none;
+}
+
+.google-search {
+	display: none;
+}
+
+
+// Directory Styles
+// TODO: revisit (and remove?) after Directory has been updated to 5.0
+#ppl_results h3,
+#ppl_results h4,
+#ppl_results .result_head {
+  display: none;
+}
+
+#ppl_results .pfResult {
+  padding: 0;
+  list-style: none;
+}
+
+#ppl_results .ppl_Sresult,
+#ppl_results .dep_result {
+  margin: 1em 0;
+}
+
+#ppl_results .cInfo {
+  display: none;
+}
+
+#ppl_results .overflow {
+  display: flex;
+}
+
+#ppl_results .overflow > .profile_pic {
+  min-width: 40px;
+  margin-right: 1em;
+  width: 40px;
+}
+
+#ppl_results .overflow > .recordDetails {
+  align-self: center;
+  flex: 1 1 auto;
+}
+
+#ppl_results .overflow .photo {
+  border-radius: 50%;
+  height: 40px;
+  margin-top: 0.375em;
+  object-fit: cover;
+  width: 100%;
+}
+
+#ppl_results .overflow .roles {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+#ppl_results .overflow .roles li {
+  margin-bottom: 0.618rem;
+}
+
+#ppl_results .overflow .roles:last-child {
+  margin-bottom: 0;
+}
+
+#ppl_results .overflow .roles .title,
+#ppl_results .overflow .roles .organization-unit {
+  display: block;
+}
+
+#ppl_results .overflow .roles	.organization-name {
+  display: none;
+}
+
+#ppl_results .fn {
+  font-size: 1.128em;
+  font-weight: bold;
+}
+
+#ppl_results .given-name {
+  font-size: 1rem;
+  margin-left: 1em;
+  text-transform: uppercase;
+}
+
+[data-uid="kfarrell2"] .given-name {
+	display: none;
+}