[FEATURE] add styles for customizing search-text (Podio feature_32) (#36

) * [FEATURE] add styles for ease search field customizing (podio feature_32) * [FEATURE] add variables for search field colors * [FIX] remove unneeded variable
t3kit · Jan 12, 2017 · d7e8f75 · d7e8f75
1 parent 69bca51
commit d7e8f75
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 0 deletions.
diff --git a/dev/styles/customVariables.less b/dev/styles/customVariables.less
@@ -25,6 +25,8 @@
 @header-middle-search-height:   44px;
 @header-middle-search-btn-bg:   @main-color;
 @header-middle-search-btn-hover:lighten(@main-color, 20%);
+@search-text-color: @main-text-color;
+
 
 
 // Logo
@@ -173,3 +175,28 @@
 //== Pills
 @nav-pills-active-link-hover-bg:            @main-color;
 @nav-pills-active-link-hover-color:         #fff;
+
+
+.input-placeholder-color(@color) {
+	&::placeholder {
+		color: @color;
+		opacity: .6;
+	}
+	&::-webkit-input-placeholder
+	{
+		color: @color;
+		opacity: .6;
+	}
+	&::-moz-placeholder {
+		color: @color;
+		opacity: .6;
+	}
+	&:-ms-input-placeholder {
+		color: @color;
+		opacity: .6;
+	}
+	&:-moz-placeholder {
+		color: @color;
+		opacity: .6;
+	}
+}
diff --git a/dev/styles/main/plugins/search/search.less b/dev/styles/main/plugins/search/search.less
@@ -172,3 +172,8 @@
     background: darken(@main-body-bg, 10%);
     color: @main-text-color;
 }
+
+.awesomplete input{ 
+    color: @search-text-color;
+    .input-placeholder-color(@search-text-color);
+}