Skip to content

Instantly share code, notes, and snippets.

@SimonWpt
Created October 18, 2012 14:33
Show Gist options
  • Save SimonWpt/3912258 to your computer and use it in GitHub Desktop.
Save SimonWpt/3912258 to your computer and use it in GitHub Desktop.
example for vendor-prefix and rem
.test {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
-ms-border-radius: 0.5rem;
-o-border-radius: 0.5rem;
border-radius: 0.5rem;
}
@mixin vendorize($property, $value)
-webkit-#{$property}: $value
-moz-#{$property}: $value
-ms-#{$property}: $value
-o-#{$property}: $value
#{$property}: $value
.test
@include vendorize('border-radius', 5px)
@include vendorize('border-radius', .5rem)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment