From 2165ab262085c4c7e072453cbcaaed763742c94c Mon Sep 17 00:00:00 2001
From: Danny Keane <me@dannykeane.co.uk>
Date: Wed, 28 Mar 2012 15:05:49 +0100
Subject: [PATCH] Added the back-face visibility css property to mixins.less,
 this property prevents the browser flickered experienced especially in Chrome
 when using 3D transformations.

---
 less/mixins.less | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/less/mixins.less b/less/mixins.less
index 0074e89241..0ca4a555e1 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -249,6 +249,15 @@
           transform: translate(@x, @y, @z);
 }
 
+// Back-face Visibility
+// This prevents the browser flickering when using to CSS transformations
+.backface-visibility(@visibility){
+	-webkit-backface-visibility: @visibility;
+	-moz-backface-visibility: @visibility;
+	-ms-backface-visibility: @visibility;
+	backface-visibility: @visibility;
+}
+
 // Background clipping
 // Heads up: FF 3.6 and under need "padding" instead of "padding-box"
 .background-clip(@clip) {