Skip to content

Instantly share code, notes, and snippets.

@juliocesar
Last active November 26, 2020 17:54

Revisions

  1. juliocesar renamed this gist Dec 23, 2013. 1 changed file with 0 additions and 0 deletions.
    File renamed without changes.
  2. juliocesar created this gist Dec 23, 2013.
    81 changes: 81 additions & 0 deletions prefix-mixins
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,81 @@
    // Prefix mixins
    // =============
    //
    // A set of SASS mixins for abstracting vendor prefixes.

    @mixin background-size($parameters)
    -webkit-background-size : $parameters
    -moz-background-size : $parameters
    -o-background-size : $parameters
    background-size : $parameters

    @mixin prefix-background-clip($parameters)
    -webkit-background-clip : $parameters
    -moz-background-clip : $parameters
    -ms-background-clip : $parameters
    background-clip : $parameters

    @mixin prefix-transition($parameters...)
    -webkit-transition : $parameters
    -moz-transition : $parameters
    -ms-transition : $parameters
    transition : $parameters

    @mixin prefix-perspective($parameters)
    -webkit-perspective : $parameters
    -moz-perspective : $parameters
    -ms-perspective : $parameters
    perspective : $parameters

    @mixin prefix-transition-delay($parameters)
    -webkit-transition-delay : $parameters
    -moz-transition-delay : $parameters
    -ms-transition-delay : $parameters
    transition-delay : $parameters

    @mixin prefix-transform($parameters)
    -webkit-transform : $parameters
    -moz-transform : $parameters
    -ms-transform : $parameters
    transform : $parameters

    @mixin prefix-transform-origin($parameters)
    -webkit-transform-origin : $parameters
    -moz-transform-origin : $parameters
    -ms-transform-origin : $parameters
    transform-origin : $parameters

    @mixin prefix-animation($parameters)
    -webkit-animation : $parameters
    -moz-animation : $parameters
    -ms-animation : $parameters
    animation : $parameters

    @mixin prefix-animation-delay($parameters)
    -webkit-animation-delay : $parameters
    -moz-animation-delay : $parameters
    -ms-animation-delay : $parameters
    animation-delay : $parameters

    @mixin prefix-animation-fill-mode($parameters)
    -webkit-animation-fill-mode : $parameters
    -moz-animation-fill-mode : $parameters
    -ms-animation-fill-mode : $parameters
    animation-fill-mode : $parameters

    @mixin prefix-animation-play-state($parameters)
    -webkit-animation-play-state : $parameters
    -moz-animation-play-state : $parameters
    -ms-animation-play-state : $parameters
    animation-play-state : $parameters

    @mixin prefix-user-select($parameters)
    -webkit-user-select : $parameters
    -moz-user-select : $parameters
    user-select : $parameters

    @mixin prefix-filter($parameters)
    -webkit-filter : $parameters
    -moz-filter : $parameters
    -ms-filter : $parameters
    filter : $parameters