rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

fixes .placeholder to work as a "grouped selector"

Browse Source 
adding the `&` combinator to `.placeholder` makes it work for the global case (in forms.less) as well as within `.navbar-search .search-query`

the result can be seen in the generated bootstrap.css, which include the -ms vendor extension.
This commit is contained in:
Corey Innis 2012-05-27 18:12:08 -07:00
parent 287086758b
commit 8a06339501
3 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs/assets/css/bootstrap.css vendored
View File

@ -3713,6 +3713,10 @@ input[type="submit"].btn.btn-mini {
color: #cccccc;
}
.navbar-search .search-query:-ms-input-placeholder {
color: #cccccc;
}
.navbar-search .search-query::-webkit-input-placeholder {
color: #cccccc;
}

6
less/mixins.less
View File

@ -81,13 +81,13 @@
// Placeholder text
// -------------------------
.placeholder(@color: @placeholderText) {
:-moz-placeholder {
&:-moz-placeholder {
color: @color;
}
:-ms-input-placeholder {
&:-ms-input-placeholder {
color: @color;
}
::-webkit-input-placeholder {
&::-webkit-input-placeholder {
color: @color;
}
}

8
less/navbar.less
View File

@ -123,13 +123,7 @@
.box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");
.transition(none);
// Placeholder text gets special styles; can't be a grouped selector
&:-moz-placeholder {
color: @navbarSearchPlaceholderColor;
}
&::-webkit-input-placeholder {
color: @navbarSearchPlaceholderColor;
}
.placeholder(@navbarSearchPlaceholderColor);
// Focus states (we use .focused since IE7-8 and down doesn't support :focus)
&:focus,