Twenty Seventeen: Placeholder styling

These were designed but never implemented.

Props melchoyce, davidakennedy
Fixes #38519


Built from https://develop.svn.wordpress.org/trunk@38969


git-svn-id: http://core.svn.wordpress.org/trunk@38912 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Tammie Lister 2016-10-26 21:56:29 +00:00
parent d359ffc270
commit 4233a600bf
3 changed files with 41 additions and 1 deletions

View File

@ -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,

View File

@ -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
--------------------------------------------------------------*/

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.7-alpha-38968';
$wp_version = '4.7-alpha-38969';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.