From 38dbb9ce38f74d82b98d2f70bf21257ebb17b1d3 Mon Sep 17 00:00:00 2001
From: Kevin Abel <kabel2@unl.edu>
Date: Mon, 11 Jan 2016 20:02:17 -0600
Subject: [PATCH] Break the less into separate modules and remove lesshat
The google module will only be loaded after google's sheet has been
loaded.
---
www/less/search-google.less | 91 +++++++++++++++++++
www/less/search.less | 171 +++---------------------------------
2 files changed, 101 insertions(+), 161 deletions(-)
create mode 100644 www/less/search-google.less
diff --git a/www/less/search-google.less b/www/less/search-google.less
new file mode 100644
index 0000000..1c4e7eb
--- /dev/null
+++ b/www/less/search-google.less
@@ -0,0 +1,91 @@
+@charset "UTF-8";
+
+@import "lib/breakpoints.less";
+@import "lib/colors.less";
+@import "lib/fonts.less";
+
+// Google Styles
+.gsc-control-cse,
+.gsc-control-cse .gsc-table-result {
+ font-family: inherit;
+ font-size: inherit;
+}
+
+.gsc-result {
+
+ .gsc-webResult & {
+ border: 0;
+ padding: 0.75em 0;
+ }
+
+ .gs-title {
+ height: 1.662em;
+ }
+}
+
+.gs-result {
+ .gs-title, .gs-title * {
+ color: @brand;
+ text-decoration: none;
+ }
+
+ a.gs-visibleUrl, .gs-visibleUrl {
+ color: @light-neutral;
+ }
+}
+
+.gsc-result-info {
+ font-style: italic;
+ margin: 0 0 10px;
+ color: @ui08;
+}
+
+.gsc-results {
+
+ .gsc-cursor-box {
+ border-top: 1px solid @ui03;
+ padding: 1em 0 0;
+ margin-top: 1em;
+ .sans-serif-font();
+
+ .gsc-cursor-page {
+ border: 1px solid @ui03;
+ padding: 2px 8px;
+ margin-bottom: 1em;
+ min-width: 2.2em;
+ display: inline-block;
+ text-align: center;
+ text-decoration: none;
+ color: @brand;
+ }
+
+ .gsc-cursor-current-page {
+ font-weight: normal;
+ color: @ui08;
+ border: 0;
+ }
+ }
+}
+
+.gcsc-branding {
+ margin-bottom: 1.3333em;
+}
+
+td.gcsc-branding-text {
+ font-style: italic;
+ width: auto;
+
+ div.gcsc-branding-text {
+ text-align: left;
+ color: @ui08;
+ }
+}
+
+td.gcsc-branding-text-name {
+ width: 100%;
+}
+
+.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
+ max-width: 100%;
+ max-height: none;
+}
diff --git a/www/less/search.less b/www/less/search.less
index 9854769..9a5d95b 100644
--- a/www/less/search.less
+++ b/www/less/search.less
@@ -1,7 +1,5 @@
@charset "UTF-8";
-@import "lib/lesshat.less";
-
@import "lib/breakpoints.less";
@import "lib/colors.less";
@import "lib/fonts.less";
@@ -12,62 +10,18 @@
display: none !important;
}
-#wdn_navigation_bar {
- padding: 0;
-}
-
#search_results table,
#search_results td {
border: 0;
padding: 0;
}
-// Input Groups
-form .input-group {
- display: table;
-
- > * {
- display: table-cell;
- .border-radius(0);
- }
-
- .input-group-btn {
- width: 1%;
- vertical-align: middle;
-
- button {
- font-size: 18px;
- line-height: normal;
- padding: 0.8em 1em;
- margin: 0;
- }
- }
-
- input {
- margin: 0;
- }
-
- :first-child {
- .border-radius(4px 0 0 4px);
- }
-
- :last-child {
- .border-bottom-right-radius(4px);
- .border-top-right-radius(4px);
-
- button {
- .border-bottom-left-radius(0);
- .border-top-left-radius(0);
- }
- }
-}
-
#searchform {
text-align: center;
background: #38431b url(../images/050419.jpg) 50% 50% no-repeat;
- .background-size(cover);
+ background-size: cover;
- .input-group {
+ .wdn-input-group {
margin: 0 auto;
max-width: 30em;
}
@@ -134,44 +88,25 @@ form .input-group {
border-color: transparent transparent #fff;
bottom: 0;
left: 0;
- .transition(transform 400ms);
-
- .no-csstransforms & {
- .transition(left 400ms);
- }
+ transition: transform 400ms;
#directory_results & {
- .translateX(2.95em);
-
- .no-csstransforms & {
- left: 2.95em;
- }
+ transform: translateX(2.95em);
}
#search_results & {
- .translateX(4.95em);
+ transform: translateX(4.95em);
- .no-csstransforms & {
- left: 4.95em;
- }
}
}
&.state-1:after {
#directory_results & {
- .translateX(8.95em);
-
- .no-csstransforms & {
- left: 8.95em;
- }
+ transform: translateX(8.95em);
}
#search_results & {
- .translateX(10.35em);
-
- .no-csstransforms & {
- left: 10.35em;
- }
+ transform: translateX(10.35em);
}
}
@@ -183,7 +118,7 @@ form .input-group {
}
.search-results {
- .transition(opacity 400ms);
+ transition: opacity 400ms;
opacity: 0;
&.active {
@@ -272,7 +207,7 @@ form .input-group {
overflow: auto;
}
- .planetred_profile {
+ .profile_pic {
float: left;
border: 0;
max-width: 40px;
@@ -307,7 +242,7 @@ form .input-group {
margin-bottom: 0.178em;
}
- .eppa {
+ .eppa, .roles {
display: none;
}
@@ -324,89 +259,3 @@ form .input-group {
color: @light-neutral;
}
}
-
-// Google Styles
-.gsc-control-cse,
-.gsc-control-cse .gsc-table-result {
- font-family: inherit;
- font-size: inherit;
-}
-
-.gsc-result {
-
- .gsc-webResult & {
- border: 0;
- padding: 0.75em 0;
- }
-
- .gs-title {
- height: 1.662em;
- }
-}
-
-.gs-result {
- .gs-title, .gs-title * {
- color: @brand;
- text-decoration: none;
- }
-
- a.gs-visibleUrl, .gs-visibleUrl {
- color: @light-neutral;
- }
-}
-
-.gsc-result-info {
- font-style: italic;
- margin: 0 0 10px;
- color: @ui08;
-}
-
-.gsc-results {
-
- .gsc-cursor-box {
- border-top: 1px solid @ui03;
- padding: 1em 0 0;
- margin-top: 1em;
- .sans-serif-font();
-
- .gsc-cursor-page {
- border: 1px solid @ui03;
- padding: 2px 8px;
- margin-bottom: 1em;
- min-width: 2.2em;
- display: inline-block;
- text-align: center;
- text-decoration: none;
- color: @brand;
- }
-
- .gsc-cursor-current-page {
- font-weight: normal;
- color: @ui08;
- border: 0;
- }
- }
-}
-
-.gcsc-branding {
- margin-bottom: 1.3333em;
-}
-
-td.gcsc-branding-text {
- font-style: italic;
- width: auto;
-
- div.gcsc-branding-text {
- text-align: left;
- color: @ui08;
- }
-}
-
-td.gcsc-branding-text-name {
- width: 100%;
-}
-
-.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image {
- max-width: 100%;
- max-height: none;
-}
\ No newline at end of file
--
GitLab