Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
a843bfda
Commit
a843bfda
authored
11 years ago
by
Ruben Stolk
Browse files
Options
Download
Email Patches
Plain Diff
Make both .scale(X) and .scale(X, Y) both work
parent
535cd575
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
less/mixins.less
+28
-14
less/mixins.less
with
28 additions
and
14 deletions
+28
-14
less/mixins.less
+
28
-
14
View file @
a843bfda
...
@@ -148,31 +148,45 @@
...
@@ -148,31 +148,45 @@
}
}
// Transformations
// Transformations
.rotate(@degrees) {
.scale(@ratio) {
-webkit-transform: rotate(@degrees);
-webkit-transform: scale(@ratio);
-ms-transform: rotate(@degrees); // IE9 only
-ms-transform: scale(@ratio); // IE9 only
transform: rotate(@degrees);
transform: scale(@ratio);
}
.scale(@ratioX; @ratioY) {
-webkit-transform: scale(@ratioX, @ratioY);
-ms-transform: scale(@ratioX, @ratioY); // IE9 only
transform: scale(@ratioX, @ratioY);
}
.scaleX(@ratio) {
-webkit-transform: scaleX(@ratio);
-ms-transform: scaleX(@ratio); // IE9 only
transform: scaleX(@ratio);
}
.scaleY(@ratio) {
-webkit-transform: scaleY(@ratio);
-ms-transform: scaleY(@ratio); // IE9 only
transform: scaleY(@ratio);
}
}
.s
cale(@ratio; @ratio-y...
) {
.s
kew(@x; @y
) {
-webkit-transform: s
cale(@ratio, @ratio-
y);
-webkit-transform: s
kew(@x, @
y);
-ms-transform: s
cale(@ratio, @ratio-y); // IE9 only
-ms-transform: s
kewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
transform: s
cale(@ratio, @ratio-
y);
transform: s
kew(@x, @
y);
}
}
.translate(@x; @y) {
.translate(@x; @y) {
-webkit-transform: translate(@x, @y);
-webkit-transform: translate(@x, @y);
-ms-transform: translate(@x, @y); // IE9 only
-ms-transform: translate(@x, @y); // IE9 only
transform: translate(@x, @y);
transform: translate(@x, @y);
}
}
.skew(@x; @y) {
-webkit-transform: skew(@x, @y);
-ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
transform: skew(@x, @y);
}
.translate3d(@x; @y; @z) {
.translate3d(@x; @y; @z) {
-webkit-transform: translate3d(@x, @y, @z);
-webkit-transform: translate3d(@x, @y, @z);
transform: translate3d(@x, @y, @z);
transform: translate3d(@x, @y, @z);
}
}
.rotate(@degrees) {
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees); // IE9 only
transform: rotate(@degrees);
}
.rotateX(@degrees) {
.rotateX(@degrees) {
-webkit-transform: rotateX(@degrees);
-webkit-transform: rotateX(@degrees);
-ms-transform: rotateX(@degrees); // IE9 only
-ms-transform: rotateX(@degrees); // IE9 only
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment