OXID Bootstrap Responsive: css/layout/_form.scss

_form.scss

@charset "UTF-8";
/**
 * Buttons
 *
 * @version $Id$
 */

.textbox, input[type="text"] {
  height: auto;
}

.form {
  input[type=password], input[type=text], select, textarea {
    @extend .form-control;
  }
  input[data-fieldsize="verify"] {
    width: 120px;
  }
  input[data-fieldsize="small"] {
    width: 65px;
  }
  input[data-fieldsize="pair-small"] {
    width: calc(100% - 70px);
  }
  input[data-fieldsize="xsmall"] {
    width: 45px;
  }
  input[data-fieldsize="pair-xsmall"] {
    width: calc(100% - 50px);
  }

  width: 100%;
  li {
    width: 100%;
  }
  label {
    width: 100%;
  }
  .note {
    padding-left: 25px;
  }

  @media (min-width: 768px) {
    width:  350px;
    li {
      width: 350px;
    }
  }
}

.lineBox .form {
  label.short {
    width: 100%;
  }
  @media (min-width: 768px) {
    width:  100%;
    li {
      width: 100%;
    }
  }
}

form#shipping {
  select {
    @extend .form-control;
    @media (min-width: 768px) {
      width: 350px;
    }
  }
}