kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

9
docs/assets/css/bootstrap.css vendored
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");
}

23
less/sprites.less
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; }