p/themes/Ansum/_mixins.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

/* FUNCTIONS */

//animation
@mixin transition($target, $duration, $ease) {
    -webkit-transition: $target $duration $ease;
    -moz-transition: $target $duration $ease;
    -o-transition: $target $duration $ease;
    transition: $target $duration $ease;
}

//animation
@mixin animation-delay($delay) {
    -webkit-animation-delay: $delay;
    /* Safari 4.0 - 8.0 */
    animation-delay: $delay;
}

//animation
@mixin animation($animate...) {
    $max: length($animate);
    $animations: '';
    @for $i from 1 through $max {
        $animations: #{$animations + nth($animate, $i)};
        @if $i < $max {
            $animations: #{$animations + ", "};
        }
    }
    -webkit-animation: $animations;
    -moz-animation: $animations;
    -o-animation: $animations;
    animation: $animations;
}

//keyframes
@mixin keyframes($animationName) {
    @-webkit-keyframes #{$animationName} {
        @content;
    }
    @-moz-keyframes #{$animationName} {
        @content;
    }
    @-o-keyframes #{$animationName} {
        @content;
    }
    @keyframes #{$animationName} {
        @content;
    }
}

@mixin border-radius($radius: 4px){
  -moz-border-radius: $radius;
  -webkit-border-radius: $radius;
  -ms-border-radius: $radius;
  -o-border-radius: $radius;
  -khtml-border-radius: $radius;
  border-radius: $radius;
}