Twenty Seventeen: Placeholder styling

These were designed but never implemented.

Props melchoyce, davidakennedy
Fixes #38519



git-svn-id: https://develop.svn.wordpress.org/trunk@38969 602fd350-edb4-49c9-b593-d223f7449a82

src/wp-content/themes/twentyseventeen/assets/css/colors-dark.css

@@ -151,6 +151,23 @@ body.colors-dark,
 	color: #eee;
 }
 
+/* Placeholder text color -- selectors need to be separate to work. */
+.colors-dark ::-webkit-input-placeholder {
+	color: #ddd;
+}
+
+.colors-dark :-moz-placeholder {
+	color: #ddd;
+}
+
+.colors-dark ::-moz-placeholder {
+	color: #ddd;
+}
+
+.colors-dark :-ms-input-placeholder {
+	color: #ddd;
+}
+
 .colors-dark input[type="text"]:focus,
 .colors-dark input[type="email"]:focus,
 .colors-dark input[type="url"]:focus,

src/wp-content/themes/twentyseventeen/style.css

@@ -1042,6 +1042,29 @@ input[type="submit"].secondary:focus {
 	background: #bbb;
 }
 
+/* Placeholder text color -- selectors need to be separate to work. */
+::-webkit-input-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+
+:-moz-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+
+::-moz-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+	opacity: 1;
+	/* Since FF19 lowers the opacity of the placeholder by default */
+}
+
+:-ms-input-placeholder {
+	color: #333;
+	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
+}
+
 /*--------------------------------------------------------------
 # Formatting
 --------------------------------------------------------------*/