/* Mixins galore
// ============ */

@define-mixin gradient-3stop-vertical $startColor, $midColor, $endColor, $midpoint: 50%{
  background-color: $startColor;
  background: linear-gradient(to bottom, $startColor 0%, $midColor $midpoint, $endColor 100%) !important;
}

@define-mixin baselinegrid $color{
    background: linear-gradient(to bottom, $color 0, rgba($alphawhite, 0) 1px);
}

/* Should use rucksack clear: fix rather than this? */
@define-mixin clearfix{
  &:before,
  &:after {
    content: " "; 
    display: table; 
  }
  &:after {
    clear: both;
  }
}

@define-mixin icomoon{
  font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*Button font size, spacing*/
@define-mixin btn-lg{
  font-size: 0.875rem; /*14px*/
  padding: 0.643em calc(@font-size * 1.3);
  line-height: 1.3;
}

@define-mixin btn-sm{
  font-size: 0.75rem; /*12px*/
  padding: 0.334em calc(@font-size * 1.3);
}

@define-mixin btn-icon{
  padding: 0.334em 0.433em;
  width: 26.375px;
}