From: Mark Otto <markotto@twitter.com>
Date: Thu, 29 Mar 2012 01:25:27 +0000 (-0700)
Subject: document .backface-visibility and update comments and initial value
X-Git-Tag: v2.0.3~5^2~66
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=04baa07547692f75dd708afaf50700075df1a60a;p=thirdparty%2Fbootstrap.git

document .backface-visibility and update comments and initial value
---

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 7eeb7ca84a..164d0c267a 100644
Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ
diff --git a/docs/less.html b/docs/less.html
index a641c9ee3d..a9ae68f9e9 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -870,6 +870,11 @@
         <td><code>@select</code></td>
         <td>Control cursor selection of text on a page</td>
       </tr>
+      <tr>
+        <td><code>.backface-visibility()</code></td>
+        <td><code>@visibility: visible</code></td>
+        <td>Prevent flickering of content when using CSS 3D transforms</td>
+      </tr>
       <tr>
         <td><code>.resizable()</code></td>
         <td><code>@direction: both</code></td>
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 0b58cfc9ea..280c39318b 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -793,6 +793,11 @@
         <td><code>@select</code></td>
         <td>{{_i}}Control cursor selection of text on a page{{/i}}</td>
       </tr>
+      <tr>
+        <td><code>.backface-visibility()</code></td>
+        <td><code>@visibility: visible</code></td>
+        <td>{{_i}}Prevent flickering of content when using CSS 3D transforms{{/i}}</td>
+      </tr>
       <tr>
         <td><code>.resizable()</code></td>
         <td><code>@direction: both</code></td>
diff --git a/less/mixins.less b/less/mixins.less
index 0be8227d78..7950f0e569 100644
--- a/less/mixins.less
+++ b/less/mixins.less
@@ -251,13 +251,15 @@
           transform: translate(@x, @y, @z);
 }
 
-// Back-face Visibility
-// This prevents the browser flickering when using to CSS transformations
-.backface-visibility(@visibility){
+// Backface visibility
+// Prevent browsers from flickering when using CSS 3D transforms.
+// Default value is `visible`, but can be changed to `hidden
+// See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
+.backface-visibility(@visibility: visible){
 	-webkit-backface-visibility: @visibility;
-	-moz-backface-visibility: @visibility;
-	-ms-backface-visibility: @visibility;
-	backface-visibility: @visibility;
+	   -moz-backface-visibility: @visibility;
+	    -ms-backface-visibility: @visibility;
+	        backface-visibility: @visibility;
 }
 
 // Background clipping