| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- @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;
- }
|