valdelama

@mixin arrow($direction, $color, $size){
  display: block;
  height: 0;
  width: 0;

  @if $direction == 'up' {
    border-left: $size solid transparent;
    border-right: $size solid transparent;
    border-bottom: $size solid $color;
  }

valdelama

$fliInput.blur(function() {
  // check if html5 validation passes
  if (!e.target.checkValidity()) {
    wrapper.addClass('error');
  } else {
    wrapper.removeClass('error');
  }
});

valdelama

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: $base-line-height/4;
}

@for $i from 1 through 12 {
  .col-#{$i} {
    flex-basis: (100% / 12 * $i);