From ed45ef277bf7566f2d6e9f2ea3c9380383f0dd80 Mon Sep 17 00:00:00 2001
From: OpenShift guest <rollbrettler@googlemail.com>
Date: Thu, 21 Mar 2013 07:21:31 -0400
Subject: [PATCH] added posibility to overlay several icons

---
 css/font-awesome.css   | 52 +++++++++++++++++++++++++++++++++++++
 less/font-awesome.less | 59 ++++++++++++++++++++++++++++++++++++++++++
 sass/font-awesome.sass | 56 +++++++++++++++++++++++++++++++++++++++
 sass/font-awesome.scss | 59 ++++++++++++++++++++++++++++++++++++++++++
 4 files changed, 226 insertions(+)

diff --git a/css/font-awesome.css b/css/font-awesome.css
index 887509896..7f63da71a 100644
--- a/css/font-awesome.css
+++ b/css/font-awesome.css
@@ -180,6 +180,58 @@ ul.icons li [class*=" icon-"] {
   -moz-border-radius: 6px;
   border-radius: 6px;
 }
+.overlay-icons {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  width: 1em;
+}
+.overlay-icons [class^="icon-"],
+.overlay-icons [class*=" icon-"] {
+  left: 0;
+  position: absolute;
+  top: 0;
+}
+.overlay-icons .icon-small {
+  font-size: .5em;
+}
+.overlay-icons .icon-top-left {
+  top: 0;
+  left: 0;
+}
+.overlay-icons .icon-bottom-left {
+  bottom: 0;
+  top: auto;
+}
+.overlay-icons .icon-top-right {
+  top: 0;
+  left: auto;
+  right: 0;
+}
+.overlay-icons .icon-bottom-right {
+  bottom: 0;
+  right: 0;
+  left: auto;
+  top: auto;
+}
+.overlay-icons .icon-outer-top-right {
+  top: -0.25em;
+  left: auto;
+  right: -0.125em;
+}
+.overlay-icons .icon-outer-top-left {
+  top: -0.25em;
+}
+.overlay-icons .icon-outer-bottom-right {
+  bottom: -0.25em;
+  left: auto;
+  right: -0.125em;
+  top: auto;
+}
+.overlay-icons .icon-outer-bottom-left {
+  bottom: -0.25em;
+  top: auto;
+}
 .pull-right {
   float: right;
 }
diff --git a/less/font-awesome.less b/less/font-awesome.less
index 3a60645c5..c4f8224e0 100644
--- a/less/font-awesome.less
+++ b/less/font-awesome.less
@@ -181,6 +181,65 @@ ul.icons {
   }
 }
 
+// Icon Overlay
+// -------------------------
+.overlay-icons {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  width: 1em;
+  
+  [class^="icon-"],
+  [class*=" icon-"] {
+    left: 0;
+    position: absolute;
+    top: 0;
+  }
+  
+  .icon-small {
+    font-size: .5em;
+  }
+    
+  .icon-top-left {
+    top: 0;
+    left: 0;
+  }
+  .icon-bottom-left {
+    bottom: 0;
+    top: auto;
+  }
+  .icon-top-right {
+    top: 0;
+    left: auto;
+    right: 0;
+  }
+  .icon-bottom-right {
+    bottom: 0;
+    right: 0;
+    left: auto;
+    top: auto;
+  }
+    
+  .icon-outer-top-right {
+    top: -.25em;
+    left: auto;
+    right: -.125em;
+  }
+  .icon-outer-top-left {
+    top: -.25em;
+  }
+  .icon-outer-bottom-right {
+    bottom: -.25em;
+    left: auto;
+    right: -.125em;
+    top: auto;
+  }
+  .icon-outer-bottom-left {
+    bottom: -.25em;
+    top: auto;
+  }
+}
+
 // Floats
 // -------------------------
 
diff --git a/sass/font-awesome.sass b/sass/font-awesome.sass
index 8425a429e..06b4b46d7 100644
--- a/sass/font-awesome.sass
+++ b/sass/font-awesome.sass
@@ -161,6 +161,62 @@ ul.icons
     border-width: 4px
     @include border-radius(6px)
 
+// Icon Overlay
+// -------------------------
+.overlay-icons
+  display: inline-block
+  height: 1em
+  position: relative
+  width: 1em
+    
+  [class^="icon-"],
+  [class*=" icon-"]
+    left: 0
+    position: absolute
+    top: 0
+  
+  .icon-small 
+    font-size: .5em
+      
+  .icon-top-left 
+    top: 0
+    left: 0
+    
+  .icon-bottom-left 
+    bottom: 0
+    top: auto
+    
+  .icon-top-right 
+    top: 0
+    left: auto
+    right: 0
+    
+  .icon-bottom-right 
+    bottom: 0
+    right: 0
+    left: auto
+    top: auto
+    
+    
+  .icon-outer-top-right 
+    top: -.25em
+    left: auto
+    right: -.125em
+    
+  .icon-outer-top-left 
+    top: -.25em
+    
+  .icon-outer-bottom-right 
+    bottom: -.25em
+    left: auto
+    right: -.125em
+    top: auto
+    
+  .icon-outer-bottom-left 
+    bottom: -.25em
+    top: auto
+    
+
 // Floats
 // -------------------------
 
diff --git a/sass/font-awesome.scss b/sass/font-awesome.scss
index 92ade8d21..042f3d634 100644
--- a/sass/font-awesome.scss
+++ b/sass/font-awesome.scss
@@ -178,6 +178,65 @@ ul.icons {
   }
 }
 
+// Icon Overlay
+// -------------------------
+.overlay-icons {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  width: 1em;
+  
+  [class^="icon-"],
+  [class*=" icon-"] {
+    left: 0;
+    position: absolute;
+    top: 0;
+  }
+  
+  .icon-small {
+    font-size: .5em;
+  }
+    
+  .icon-top-left {
+    top: 0;
+    left: 0;
+  }
+  .icon-bottom-left {
+    bottom: 0;
+    top: auto;
+  }
+  .icon-top-right {
+    top: 0;
+    left: auto;
+    right: 0;
+  }
+  .icon-bottom-right {
+    bottom: 0;
+    right: 0;
+    left: auto;
+    top: auto;
+  }
+    
+  .icon-outer-top-right {
+    top: -.25em;
+    left: auto;
+    right: -.125em;
+  }
+  .icon-outer-top-left {
+    top: -.25em;
+  }
+  .icon-outer-bottom-right {
+    bottom: -.25em;
+    left: auto;
+    right: -.125em;
+    top: auto;
+  }
+  .icon-outer-bottom-left {
+    bottom: -.25em;
+    top: auto;
+  }
+}
+
 // Floats
 // -------------------------