//The global sass mixins for the modules to be defined here.
//To be imported into module's scss file before other styles.
//Should only have utility mixins
@import "./_variables.scss";
//Anchor Links Colors
@mixin links ($link:map-get($primary-colors, rogers-aqua), $visit:map-get($primary-colors, rogers-aqua), $hover:map-get($primary-colors, rogers-aqua), $active:map-get($primary-colors, rogers-aqua)) {
  a {
    color: $link;
    &:visited {
      color: $visit;
    }
    &:hover {
      color: $hover;
      text-decoration: underline;
    }
    &:active {
      color: $active;
    }
  }
}

//Buttons Colors
@mixin buttons ($bg:map-get($primary-colors, rogers-red),$radius:0.4375em,$height:45px,$hover:map-get($secondary-colors, rogers-dark-red),$inactive:map-get($secondary-colors, rogers-light-yellow)) {
  background: $bg;
  border-radius: $radius;
  height:$height;
  &:hover {
    background:$hover;
  }
  &:active {
    background:$inactive;
  } 
}