|
|
|
//
|
|
|
|
// A partial implementation of the Ruby cross browser support functions from Compass:
|
|
|
|
// https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/cross_browser_support.rb
|
|
|
|
//
|
|
|
|
|
|
|
|
@function prefixed($prefix, $property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
// This is a hack that assumes everything should be prefixed.
|
|
|
|
@return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
@function prefix($prefix, $property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
// Support for polymorphism.
|
|
|
|
@if length($property1) > 1 and $property2 == null {
|
|
|
|
// Passing a single array of properties.
|
|
|
|
$properties: $property1;
|
|
|
|
} @else {
|
|
|
|
// Passing multiple properties.
|
|
|
|
$properties: $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9;
|
|
|
|
}
|
|
|
|
|
|
|
|
$props: false;
|
|
|
|
@each $item in $properties {
|
|
|
|
@if $item == null {}
|
|
|
|
@else {
|
|
|
|
$item: #{$prefix}-#{$item};
|
|
|
|
@if $props {
|
|
|
|
$props: $props, $item;
|
|
|
|
}
|
|
|
|
@else {
|
|
|
|
$props: $item;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@return $props;
|
|
|
|
}
|
|
|
|
|
|
|
|
@function -svg($property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
@return prefix('-svg', $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9);
|
|
|
|
}
|
|
|
|
|
|
|
|
@function -owg($property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
@return prefix('-owg', $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9);
|
|
|
|
}
|
|
|
|
|
|
|
|
@function -webkit($property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
@return prefix('-webkit', $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9);
|
|
|
|
}
|
|
|
|
|
|
|
|
@function -moz($property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
@return prefix('-moz', $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9);
|
|
|
|
}
|
|
|
|
|
|
|
|
@function -o($property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
@return prefix('-o', $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9);
|
|
|
|
}
|
|
|
|
|
|
|
|
@function -pie($property1, $property2:null, $property3:null, $property4:null, $property5:null, $property6:null, $property7:null, $property8:null, $property9:null) {
|
|
|
|
@return prefix('-pie', $property1, $property2, $property3, $property4, $property5, $property6, $property7, $property8, $property9);
|
|
|
|
}
|