@mixin lightGradient {
  background-color: #f8f8f8;
  background-image: linear-gradient(to bottom, #ffffff, #ededed);
  background-repeat: repeat-x;
  border-bottom: 1px solid #c9c9c9;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

@mixin toBottomGradient($bgColor, $startColor, $endColor) {
  background-color: $bgColor;
  background-image: linear-gradient(to bottom, $startColor, $endColor);
  background-repeat: repeat-x;
  filter: unquote("progid:DXImageTransform.Microsoft.gradient(startColorstr='")
        + ie-hex-str($startColor)
        + unquote("', endColorstr='")
        + ie-hex-str($endColor)
        + unquote("',GradientType=0)");
}