TechLadies/home-web

View on GitHub
app/assets/stylesheets/application/bootstrap/_forms.scss

Summary

Maintainability
Test Coverage
.simple_form {

  hr { margin: 50px 0; }

  textarea.form-control { height: auto; }

  fieldset { padding: 15px; }

  legend {
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px 0;
  }

  .form-group { margin-bottom: 30px; }

  .control-label {

    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: $gray-light;

  }

  br + .btn-lg { margin-top: 5px; }

  .form-control {
    height: 50px;
    font-size: 18px;
  }

  .form-control.string, .form-control.password, .form-control.decimal, .form-control.integer {

    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #e8b53c;
    box-shadow: inset 0px 0px 0px 0px red;
    background-color: transparent;

    padding: 0;
    font-size: 18px;
    line-height: 20px;

  }

  .has-error .form-control.string {
    border-bottom: 2px solid #a94442;
  }

  .radio-inline { margin-top: 0; }

  .radio_buttons_inline.control-label {
    display: block;
    margin-bottom: 20px;
  }

}

.simple_form.navbar-form {

  border-top: 1px solid #eee;
  padding: 5px 0;

  .form-control {
    height: 40px;
    font-size: 16px;
    width: 100%;
  }

  .form-group {
    margin-bottom: 0;
    width: 100%;
  }

  .btn {
    vertical-align: top;
    margin-top: 10px;
  }

}