Skip to content

Instantly share code, notes, and snippets.

@TimHacker

TimHacker/SassMeister-input-HTML.html

Created January 21, 2014 16:33
Show Gist options
  • Save TimHacker/8543359 to your computer and use it in GitHub Desktop.
Save TimHacker/8543359 to your computer and use it in GitHub Desktop.
Download ZIP
Generated by SassMeister.com.
Raw
SassMeister-input-HTML.html
<div class="crazy">
</div>
Raw
SassMeister-input.scss
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@import "compass/css3/border-radius";
.simple {
@include border-radius(4px, 4px);
}
.compound {
@include border-radius(2px 5px, 3px 6px);
}
.crazy {
background-color: #E86EA4;
height: 50px;
width: 100px;
@include border-radius(1px 3px 89px 7px, 2px 4px 6px 20px);
}
Raw
SassMeister-output.css
.simple {
-moz-border-radius: 4px / 4px;
-webkit-border-radius: 4px 4px;
border-radius: 4px / 4px;
}
.compound {
-moz-border-radius: 2px 5px / 3px 6px;
-webkit-border-radius: 2px 3px;
border-radius: 2px 5px / 3px 6px;
}
.crazy {
background-color: #E86EA4;
height: 50px;
width: 100px;
-moz-border-radius: 1px 3px 89px 7px / 2px 4px 6px 20px;
-webkit-border-radius: 1px 2px;
border-radius: 1px 3px 89px 7px / 2px 4px 6px 20px;
}
Raw
SassMeister-rendered.html
<div class="crazy">
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment