@import "variables";

@mixin theme-box-shadow( $shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1) )
{
  -webkit-box-shadow : $shadow;
  -moz-box-shadow    : $shadow;
  box-shadow         : $shadow;
}

@mixin theme-transition( $theme-transition: 500ms )
{
  @include transition(all $theme-transition linear);
}

@mixin black-alpha( $alpha_percentage: 60% )
{
  background : rgb(0, 0, 0);
  background : rgba(0, 0, 0, $alpha_percentage);
}

@mixin skincolor-alpha( $alpha_percentage: 60% )
{
  background : fade($primary, $alpha_percentage);
}

@mixin no-box-shadow
{
  @include theme-box-shadow(0 0px 0px rgba(0, 0, 0, 0.067));
}