diff --git a/docs/assets/less/variables.less b/docs/assets/less/variables.less
index 8fa8a3f84..b81ae4982 100755
--- a/docs/assets/less/variables.less
+++ b/docs/assets/less/variables.less
@@ -204,3 +204,8 @@
 // -------------------------
 @fluidGridColumnWidth:    6.382978723%;
 @fluidGridGutterWidth:    2.127659574%;
+
+// Pushes
+// -------------------------
+
+@push-distance:           @baseLineHeight/2;
diff --git a/less/font-awesome.less b/less/font-awesome.less
index 45f69edb6..fbdc0ca04 100644
--- a/less/font-awesome.less
+++ b/less/font-awesome.less
@@ -58,6 +58,16 @@ a [class*=" icon-"] {
   font-size: 4/3em;
 }
 
+/* gives an icon a small push to the left or right */
+
+.icon-push-right {
+  margin-right: @push-distance;
+}
+
+.icon-push-left {
+  margin-left: @push-distance;
+}
+
 .btn, .nav-tabs {
   [class^="icon-"],
   [class*=" icon-"] {