@import "ui-variables";
@import "ui-mixins";

input[type="text"],
input[type="email"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"] {
  width: 100%;
  padding-left: @padding-xs-horizontal;
  padding-right: @padding-xs-horizontal;
  font-size: @font-size-base;
  line-height: @line-height-computed;
  font-weight:400;
  background: @input-bg;

  &.input-bordered {
    border-radius: @border-radius-base;
    border: 1px solid @input-border;
  }
}
input[type="text"]:focus,
input[type="email"]:focus, {
  &.input-bordered {
    box-shadow: 0 0 3px @accent-primary;
  }
}