From cb878268efc0c8d8ee4f95440d8f9d625bda5438 Mon Sep 17 00:00:00 2001
From: Ryan Dee <ryan@skoolbus39.com>
Date: Wed, 15 Aug 2018 12:03:33 -0500
Subject: [PATCH] Add Sass (.scss) files
---
www/scss/search-google.scss | 222 ++++++++++++++++++++++++++++++++++++
www/scss/search.scss | 137 ++++++++++++++++++++++
2 files changed, 359 insertions(+)
create mode 100644 www/scss/search-google.scss
create mode 100644 www/scss/search.scss
diff --git a/www/scss/search-google.scss b/www/scss/search-google.scss
new file mode 100644
index 0000000..8716605
--- /dev/null
+++ b/www/scss/search-google.scss
@@ -0,0 +1,222 @@
+// 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;
+}
diff --git a/www/scss/search.scss b/www/scss/search.scss
new file mode 100644
index 0000000..0421293
--- /dev/null
+++ b/www/scss/search.scss
@@ -0,0 +1,137 @@
+// 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;
+}
--
GitLab