From 80d429622ffddeca9a91aa0e0016c3c01191fad0 Mon Sep 17 00:00:00 2001
From: Natansh Verma <natansh.verma@gmail.com>
Date: Thu, 23 Aug 2012 15:26:26 +0530
Subject: [PATCH] Add support for custom icons.
---
less/sprites.less | 18 ++++++++++++++++--
1 file changed, 16 insertions(+), 2 deletions(-)
diff --git a/less/sprites.less b/less/sprites.less
index 9bf970fa9b..1ab7406a7c 100644
--- a/less/sprites.less
+++ b/less/sprites.less
@@ -14,20 +14,34 @@
// For the white version of the icons, just add the .icon-white class:
// <i class="icon-inbox icon-white"></i>
+// For custom icons, use the custom-icon- prefix:
+// <i class="custom-icon-object"></i>
+// and define the icon image and positioning in your stylesheet.
+// .custom-icon-object {
+// background-image: ...;
+// background-position: ...;
+// }
+
[class^="icon-"],
-[class*=" icon-"] {
+[class*=" icon-"],
+[class^="custom-icon-"],
+[class*=" custom-icon-"]{
display: inline-block;
width: 14px;
height: 14px;
.ie7-restore-right-whitespace();
line-height: 14px;
vertical-align: text-top;
- background-image: url("@{iconSpritePath}");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px;
}
+[class^="icon-"],
+[class*=" icon-"] {
+ background-image: url("@{iconSpritePath}");
+}
+
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-tabs > .active > a > [class^="icon-"],
--
GitLab