Commit 38dbb9ce authored by Kevin Abel's avatar Kevin Abel
Browse files

Break the less into separate modules and remove lesshat

The google module will only be loaded after google's sheet has been
loaded.
parent 4ee199e8
@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;
}
@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
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment