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.
66 lines
1.6 KiB
66 lines
1.6 KiB
@charset "UTF-8";
|
|
|
|
/// A mixin for generating vendor prefixes on non-standardized properties.
|
|
///
|
|
/// @param {String} $property
|
|
/// Property to prefix
|
|
///
|
|
/// @param {*} $value
|
|
/// Value to use
|
|
///
|
|
/// @param {List} $prefixes
|
|
/// Prefixes to define
|
|
///
|
|
/// @example scss - Usage
|
|
/// .element {
|
|
/// @include prefixer(border-radius, 10px, webkit ms spec);
|
|
/// }
|
|
///
|
|
/// @example css - CSS Output
|
|
/// .element {
|
|
/// -webkit-border-radius: 10px;
|
|
/// -moz-border-radius: 10px;
|
|
/// border-radius: 10px;
|
|
/// }
|
|
///
|
|
/// @require {variable} $prefix-for-webkit
|
|
/// @require {variable} $prefix-for-mozilla
|
|
/// @require {variable} $prefix-for-microsoft
|
|
/// @require {variable} $prefix-for-opera
|
|
/// @require {variable} $prefix-for-spec
|
|
|
|
@mixin prefixer($property, $value, $prefixes) {
|
|
@each $prefix in $prefixes {
|
|
@if $prefix == webkit {
|
|
@if $prefix-for-webkit {
|
|
-webkit-#{$property}: $value;
|
|
}
|
|
} @else if $prefix == moz {
|
|
@if $prefix-for-mozilla {
|
|
-moz-#{$property}: $value;
|
|
}
|
|
} @else if $prefix == ms {
|
|
@if $prefix-for-microsoft {
|
|
-ms-#{$property}: $value;
|
|
}
|
|
} @else if $prefix == o {
|
|
@if $prefix-for-opera {
|
|
-o-#{$property}: $value;
|
|
}
|
|
} @else if $prefix == spec {
|
|
@if $prefix-for-spec {
|
|
#{$property}: $value;
|
|
}
|
|
} @else {
|
|
@warn "Unrecognized prefix: #{$prefix}";
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin disable-prefix-for-all() {
|
|
$prefix-for-webkit: false !global;
|
|
$prefix-for-mozilla: false !global;
|
|
$prefix-for-microsoft: false !global;
|
|
$prefix-for-opera: false !global;
|
|
$prefix-for-spec: false !global;
|
|
}
|
|
|