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
This commit is contained in:
Tammie Lister 2016-10-26 21:55:09 +00:00
parent 6e47838053
commit 0beb2ef213
2 changed files with 40 additions and 0 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
--------------------------------------------------------------*/