@charset "UTF-8";

input,
select,
textarea {
  padding: 1rem;
  border-top: none;
  border-right: none;
  border-bottom: 3px solid $primary_color;
  border-left: none;
}

input,
select {
  display: inline-block;
}

textarea {
  width: 100%;
  border-left: 3px solid $primary_color;
}

select,
option {
  // delete default display
  -webkit-appearance : none;
  -moz-appearance : none;

  background: none;
  border-radius: 0;

  // TODO -> check what angular can do + find a way to add the arrow
}

label {
  &[for] {
    cursor: pointer;
  }

  &:not([for]) {
    color: $dusty-orange;

    &:before {
      content: "ce label n'a pas d'attribut for, c'est mal.";
      color: $violet;
    }
  }
}