Skip to content

Instantly share code, notes, and snippets.

@lukewatts

lukewatts/SassMeister-input-HTML.jade

Last active December 23, 2015 13:48
Show Gist options
  • Save lukewatts/772e324ae37c9bf0bd38 to your computer and use it in GitHub Desktop.
Save lukewatts/772e324ae37c9bf0bd38 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.jade
.transform-me
| Transform me!
Raw
SassMeister-input.sass
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
@import compass
.transform-me
border: 2px solid red
width: 10em
line-height: 10em
text-align: center
+rotate
+transform-origin(top, left)
Raw
SassMeister-output.css
.transform-me {
border: 2px solid red;
width: 10em;
line-height: 10em;
text-align: center;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
}
Raw
SassMeister-rendered.html
<div class="transform-me">Transform me!</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment