Merida Design Blog

Publicado el | Snippets / ,

Mixin de SASS para prefijos de CSS3

Este snippet es un mixin de SASS que nos permite usar propiedades de CSS3 que deben usar los prefijos de cada vendor (-webkit, -moz, etc.) de manera muy sencilla en una línea de código.

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

Una vez teniendo este mixin, ahora podemos colocar propiedades de CSS3 de la siguiente forma:

.button {
  ...
  @include vendorize(border-radius, 4px);
}


Publicaciones que pueden interesarte

    Deja un comentario

      tope
    Derechos Reservados, Merida Design 2017
    %d bloggers like this: