/* ============================================================================= MIXINS

*/

// Contact Icon Mixin @mixin icon-styles($network) {

.icon {
  @extend %icon;
  color: $network;
}

.content {
  h1 {
    color: $network;
  }
}

}

// Drop Shadow Mixin @mixin drop-shadow($r,$g,$b,$a) {

-webkit-box-shadow: 1px 1px 4px 4px rgba($r,$g,$b,$a);
box-shadow: 1px 1px 4px 4px rgba($r,$g,$b,$a);

}

@mixin animation($animation) {

-webkit-animation: #{$animation};
   -moz-animation: #{$animation};
     -o-animation: #{$animation};
        animation: #{$animation};

}

@mixin keyframes($keyframes) {

@-webkit-keyframes #{$keyframes} { @content; }
   @-moz-keyframes #{$keyframes} { @content; }
     @-o-keyframes #{$keyframes} { @content; }
        @keyframes #{$keyframes} { @content; }

}

@mixin transform($transform) {

-webkit-transform: $transform;
   -moz-transform: $transform;
    -ms-transform: $transform;
     -o-transform: $transform;
        transform: $transform;

}

@mixin transition($transition) {

-webkit-transition: #{$transition};
   -moz-transition: #{$transition};
     -o-transition: #{$transition};
        transition: #{$transition};

}

@mixin transition-delay($transition-delay) {

-webkit-transition-delay: #{$transition-delay};
   -moz-transition-delay: #{$transition-delay};
     -o-transition-delay: #{$transition-delay};
        transition-delay: #{$transition-delay};

}