Skip to content
This repository

Added a mixin for controlling the perspective on 3D transformations #124

Closed
wants to merge 1 commit into from

2 participants

Max Bucknell Phil LaPier
Max Bucknell

As per The MDN page on perspective, I added a mixin and amended the include file.

Phil LaPier plapier commented on the diff
app/assets/stylesheets/_bourbon.scss
@@ -25,6 +25,7 @@
25 25 @import "css3/inline-block";
26 26 @import "css3/linear-gradient";
27 27 @import "css3/prefixer";
  28 +@import "css3/prefixer";
1
Phil LaPier Collaborator
plapier added a note

Remove this. No need to import it twice.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Phil LaPier
Collaborator

Thanks for the pull request. We should also create a mixin for the perspective-origin property: https://developer.mozilla.org/en-US/docs/CSS/perspective-origin

Phil LaPier
Collaborator

This has been integrated fully into Bourbon v3.0. Thanks @unaffectedscorn for the pull request!

https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/css3/_perspective.scss

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Showing 1 unique commit by 1 author.

Oct 03, 2012
unaffectedscorn Add a mixin for controlling the perspective for 3D transforms. 14a2cd2
This page is out of date. Refresh to see the latest.
1  app/assets/stylesheets/_bourbon.scss
@@ -25,6 +25,7 @@
25 25 @import "css3/inline-block";
26 26 @import "css3/linear-gradient";
27 27 @import "css3/prefixer";
  28 +@import "css3/prefixer";
28 29 @import "css3/radial-gradient";
29 30 @import "css3/transform";
30 31 @import "css3/transition";
4 app/assets/stylesheets/css3/_perspective.scss
... ... @@ -0,0 +1,4 @@
  1 +@mixin perspective($depth: none) {
  2 + // none | <length>
  3 + @include prefixer(perspective, $depth, $o: true;);
  4 +}

Tip: You can add notes to lines in a file. Hover to the left of a line to make a note

Something went wrong with that request. Please try again.