removing glyphicons images, swapping in new icon font with new classes

1 files changed, 12 insertions, 7 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 60782ecea..eaa28915d 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -528,7 +528,11 @@ h2 + .row {
   width: 25%;
   line-height: 25px;
 }
-.the-icons i:hover {
+.the-icons [class^="glyphicon-"] {
+  vertical-align: middle;
+  margin-right: 3px;
+}
+.the-icons li:hover [class^="glyphicon-"] {
   background-color: rgba(255,0,0,.25);
 }
 
@@ -783,21 +787,22 @@ form.bs-docs-example {
           box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
 }
 /* Chevrons */
-.bs-docs-sidenav .icon-chevron-right {
+.bs-docs-sidenav .glyphicon-chevron-right {
   float: right;
-  margin-top: 2px;
+  margin-top: -2px;
   margin-right: -6px;
   opacity: .25;
+  color: #000;
 }
 .bs-docs-sidenav > li > a:hover {
   background-color: #f5f5f5;
 }
-.bs-docs-sidenav a:hover .icon-chevron-right {
+.bs-docs-sidenav a:hover .glyphicon-chevron-right {
   opacity: .5;
 }
-.bs-docs-sidenav .active .icon-chevron-right,
-.bs-docs-sidenav .active a:hover .icon-chevron-right {
-  background-image: url(../img/glyphicons-halflings-white.png);
+.bs-docs-sidenav .active .glyphicon-chevron-right,
+.bs-docs-sidenav .active a:hover .glyphicon-chevron-right {
+  color: #fff;
   opacity: 1;
 }
 .bs-docs-sidenav.affix {