Stylus Variables bootstrap

vars

$fontBody : "Roboto Condensed";
$fontHeaders : "din-condensed-web", sans-serif;
$fontCallout: "proxima-nova", sans-serif;

$colorNeutralWhitest : #ffffff;
$colorNeutralLightest : #ebebeb;
$colorNeutralDarkest : #646464;

$colorCoolDesat1: #323f50;
$colorCoolDesat2: #b8d098;

$colorCoolest : #a7dbd8;
$colorCooler : #057aa8;
$colorCool : #144b7e;

$colorCoolMedium: #a7dbd8;
$colorWarm : #92278f;
$colorWarmer: #da8246;
$colorWarmest: #ffde66;


@mixin bodyText {
	font-family: $fontBody;
	font-style: normal;
	font-weight: 200;
}
@mixin calloutText {
	font-family: $fontCallout;
	font-style: normal;
}
@mixin headerText {
	font-family: $fontHeaders , sans-serif;
	font-style: normal;
	font-weight: 400;

}
@mixin smoothTransition {
	transition: all .3s ease-in-out;
}

@mixin colorify($color, $width : 0px) {
	color: $color;
	border: {
		color: $color;
		width: $width;
		style: solid;
	}

}
/*Color classes 
*************************************** */
.colorNeutralLightest {
  @include colorify($colorNeutralLightest)
}
.colorNeutralDarkest {
  @include colorify($colorNeutralDarkest)
}
.colorCoolDesat1 {
  @include colorify($colorCoolDesat1)
}
.colorCoolDesat2 {
  @include colorify($colorCoolDesat2)
}
.colorCoolest {
  @include colorify($colorCoolest)
}
.colorCooler {
  @include colorify($colorCooler)
}
.colorCool {
  @include colorify($colorCool)
}
.colorWarm {
  @include colorify($colorWarm)
}
.colorWarmer {
  @include colorify($colorWarmer)
}
.colorWarmest {
  @include colorify($colorWarmest)
}

/* Animations
***************************************** */
@-moz-keyframes animationFadein {
  0% {
    color: rgba(68,68,68,0.01);
  }

  100% {
    color: #444;
  }
}
@-webkit-keyframes animationFadein {
  0% {
    color: rgba(68,68,68,0.01);
  }

  100% {
    color: #444;
  }
}
@-ms-keyframes animationFadein {
  0% {
    color: rgba(68,68,68,0.01);
  }

  100% {
    color: #444;
  }
}
@keyframes animationFadein {
  0% {
    color: rgba(68,68,68,0.01);
  }

  100% {
    color: #444;
  }
}
@mixin fadeIn() {
  animation-name: animationFadein;
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  animation-direction: normal;
}