/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/

@mixin colors($type-namespace) {
  #{$type-namespace} {
    @each $ubtn-color in $ubtn-colors {
      $ubtn-name: nth($ubtn-color, 1);
      $ubtn-background: nth($ubtn-color, 2);
      $ubtn-color: nth($ubtn-color, 3);
      $ubtn-color-namespace: $ubtn-namespace + '-' + $ubtn-name;

      &#{$ubtn-color-namespace} {
        @content;
      }
    }
  }
}


/*
* No Animation
*
* Sets animation property to none
*/
@mixin no_animation {
  animation-name: none;
}


/*
* Clearfix
*
* Clears floats inside the container
*/
@mixin clearfix {
  &:after {
    content: " ";
    display: block;
    clear: both;
  }
}