aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-03-28 18:25:27 -0700
committerMark Otto <[email protected]>2012-03-28 18:25:27 -0700
commit04baa07547692f75dd708afaf50700075df1a60a (patch)
tree56cf8d813764e30a8f1b33e30ee56eddb8169089
parentfeccc6e705cad012818ff67c0666239bf29b71c7 (diff)
downloadbootstrap-04baa07547692f75dd708afaf50700075df1a60a.tar.xz
bootstrap-04baa07547692f75dd708afaf50700075df1a60a.zip
document .backface-visibility and update comments and initial value
-rw-r--r--docs/assets/bootstrap.zipbin56916 -> 56916 bytes
-rw-r--r--docs/less.html5
-rw-r--r--docs/templates/pages/less.mustache5
-rw-r--r--less/mixins.less14
4 files changed, 18 insertions, 6 deletions
diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip
index 7eeb7ca84..164d0c267 100644
--- a/docs/assets/bootstrap.zip
+++ b/docs/assets/bootstrap.zip
Binary files differ
diff --git a/docs/less.html b/docs/less.html
index a641c9ee3..a9ae68f9e 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -871,6 +871,11 @@
<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>
<td>Make any element resizable on the right and bottom</td>
diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache
index 0b58cfc9e..280c39318 100644
--- a/docs/templates/pages/less.mustache
+++ b/docs/templates/pages/less.mustache
@@ -794,6 +794,11 @@
<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>
<td>{{_i}}Make any element resizable on the right and bottom{{/i}}</td>
diff --git a/less/mixins.less b/less/mixins.less
index 0be8227d7..7950f0e56 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