/*
 * MIXINS :
 */
@mixin animation($name, $time) {
  -webkit-animation-name: $name;
  -moz-animation-name: $name;
  animation-name: $name;
  -webkit-animation-duration: $time;
  -moz-animation-duration: $time;
  animation-duration: $time;
  -webkit-animation-timing-function: ease-in;
  -moz-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@mixin transitionIn($type, $time) {
  -webkit-transition: $type $time ease-in;
  -moz-transition: $type $time ease-in;
  transition: $type $time ease-in;
}
@mixin transitionOut($type, $time) {
  -webkit-transition: $type $time ease-out;
  -moz-transition: $type $time ease-out;
  transition: $type $time ease-out;
}
@mixin background() {
  background: $color1;
  /*
  background: -webkit-linear-gradient($angle, $color1, $color2);
  background: -o-linear-gradient($angle, $color1, $color2);
  background: -moz-linear-gradient($angle, $color1, $color2);
  background: linear-gradient($angle, $color1, $color2);
  */
}
@mixin clearfix() {
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}