Skip to content

Instantly share code, notes, and snippets.

@ryuone

ryuone/VendorPrefix.scss

Created May 15, 2011 14:51
Show Gist options
  • Save ryuone/973214 to your computer and use it in GitHub Desktop.
Save ryuone/973214 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
VendorPrefix.scss
@mixin vpcss($key, $val){
-moz-#{$key}: $val;
-webkit-#{$key}: $val;
-o-#{$key}: $val;
-ms-#{$key}: $val;
#{$key}: $val;
}
body{
margin: 0 auto;
div{
font-size: 12px;
@include vpcss('transition-property', 'opacity');
@include vpcss('border-radius', '5px');
}
}
@ryuone
Copy link
Author

ryuone commented May 15, 2011

結果

body {
  margin: 0 auto;
}
body div {
  font-size: 12px;
  -moz-transition-property: "opacity";
  -webkit-transition-property: "opacity";
  -o-transition-property: "opacity";
  -ms-transition-property: "opacity";
  transition-property: "opacity";
  -moz-border-radius: "5px";
  -webkit-border-radius: "5px";
  -o-border-radius: "5px";
  -ms-border-radius: "5px";
  border-radius: "5px";
}

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