0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00

add some simple styles for showing white icons on hover where appropriate

This commit is contained in:
Mark Otto 2012-08-08 11:26:22 -07:00
parent 08e4475f00
commit f6c7ac51f2
2 changed files with 17 additions and 15 deletions

View File

@ -2043,7 +2043,14 @@ table .span24 {
background-repeat: no-repeat;
}
.icon-white {
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav > .active > a > [class^="icon-"],
.nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"].dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
background-image: url("../img/glyphicons-halflings-white.png");
}

View File

@ -25,9 +25,16 @@
background-image: url("@{iconSpritePath}");
background-position: 14px 14px;
background-repeat: no-repeat;
}
.icon-white {
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav > .active > a > [class^="icon-"],
.nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"]
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"] {
background-image: url("@{iconWhiteSpritePath}");
}
@ -177,15 +184,3 @@
.icon-filter { background-position: -408px -144px; }
.icon-briefcase { background-position: -432px -144px; }
.icon-fullscreen { background-position: -456px -144px; }