Sass mixin ключевые кадры и включают свойства на основе поставщика - PullRequest
Новая
       32

Sass mixin ключевые кадры и включают свойства на основе поставщика

0 голосов
/ 24 июня 2018

Попытка создать миксин для ключевых кадров, который будет использовать включение для свойства на основе поставщика. 

@mixin vendor($property, $value) {
    -webkit-#{$property}: #{$value};
    -moz-#{$property}: #{$value};
    #{$property}: #{$value};
}

@mixin keyframes($name) {
    @-webkit-keyframes #{$name} {
        @content;
    }
    @-moz-keyframes #{$name} {
        @content;
    }
    @keyframes #{$name} {
        @content;
    }
}

@include keyframes(scale) {
    0% {
        @include vendor(transform, scale(1) );
    }
    100% {
        @include vendor(transform, scale(2) );
    }
}

Но как предотвратить запись ненужных свойств поставщиков в ключевые кадры на основе поставщика? 

@-moz-keyframes scale {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
...
...