Skip to content

Instantly share code, notes, and snippets.

@ten1seven

ten1seven/SassMeister-input-HTML.html

Created March 6, 2014 17:32
Show Gist options
  • Save ten1seven/9395013 to your computer and use it in GitHub Desktop.
Save ten1seven/9395013 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<p class="text">Vertical Text</p>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.5)
// Compass (v1.0.0.alpha.18)
// ----
.text {
background: lightblue;
font-family: Arial;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 50px;
position: absolute;
right: 100%;
text-transform: uppercase;
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: right top;
transform-origin: right top;
white-space: nowrap;
}
Raw
SassMeister-output.css
.text {
background: lightblue;
font-family: Arial;
height: 50px;
line-height: 50px;
margin: 0;
padding: 0 50px;
position: absolute;
right: 100%;
text-transform: uppercase;
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: right top;
transform-origin: right top;
white-space: nowrap;
}
Raw
SassMeister-rendered.html
<p class="text">Vertical Text</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment