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:
parent
6e47838053
commit
0beb2ef213
@ -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,
|
||||
|
@ -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
|
||||
--------------------------------------------------------------*/
|
||||
|
Loading…
Reference in New Issue
Block a user