@charset "UTF-8";

// form inputs
.funky-box {
  //background: $white;
  padding: 1em;
  border-radius: 0.25em;
  border-bottom: 3px solid $primary_color;

  &:focus {
    color: $primary_color;
  }
}

input,
textarea,
select {
  @extend .funky-box;
  border:none;
  border-bottom:2px solid $primary_color;
  
}

textarea {
  margin-top: 1em;
  border-left: 3px solid $primary_color;
}

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

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

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