mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-31 09:05:47 +02:00
Code Issues Releases Wiki 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
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; color: #cccccc;
} }
.navbar-search .search-query:-ms-input-placeholder {
color: #cccccc;
}
.navbar-search .search-query::-webkit-input-placeholder { .navbar-search .search-query::-webkit-input-placeholder {
color: #cccccc; color: #cccccc;
} }

6
less/mixins.less
View File

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