@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;

  &:disabled {
    background: fadeout(@input-bg, 40%);
  }

  &.input-bordered {
    border-radius: @border-radius-base;
    border: 1px solid @input-border;
  }
}
input[type="text"]:focus,
input[type="email"]:focus, {
  &.input-bordered {
    border: 1px solid @accent-primary;
    box-shadow: 0 0 1.5px @accent-primary;
  }
}
body.platform-win32 {
  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"] {
    border: 2px solid @input-border;
    &.input-bordered {
      border-radius: 0;
    }
    &:focus {
      box-shadow: 0 0 0;
      border: 2px solid darken(@input-border, 20%);
    }
  }
}
