https://github.com/sha-red/compass-mixins/tree/master/lib
extended with more sass frameworks and as django app.
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
3.0 KiB
59 lines
3.0 KiB
// |
|
// 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); |
|
}
|
|
|