document .backface-visibility and update comments and initial value

diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 7eeb7ca84a85ef45bf1c7b05475b2ba7edea946c..164d0c267a78aad2b995bd052d7afa026106d3be 100644 (file)
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 a641c9ee3d9529c19c7dd931de851023d2007b33..a9ae68f9e9f668b3f9bad02c8c58708b3a8778c2 100644 (file)
--- 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 0b58cfc9eada48511f114d6bc0f5c781cefac298..280c39318bb4fc59a452ede2bfb6edb728738636 100644 (file)
--- 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 0be8227d78f5cf0188ef19b3cdbb281bd0eb8e58..7950f0e569f6ab0646cfbc91a6e3d40fa4e9bdbc 100644 (file)
--- 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