rubycentral/cfp-app

View on GitHub
app/assets/stylesheets/modules/_forms.scss

Summary

Maintainability
Test Coverage
 _notification {
  border-bottom: 1px solid darken(#edd1d1, 50%);
  color: $brand-warning;
  font-weight: 700;
  margin-bottom: 10px;
  padding-bottom: 5px;
}

.field_with_errors {
  .form-control {
    background-color: #edd1d1;
  }
  label, .help-block {
    color: darken(#edd1d1, 50%);
  }
}

.form-submit {
  border-top: 1px solid $gray-light;
  margin: 1em 0 5em;
  padding-top: 1em;
}

.required_notification {
  color:darken(#edd1d1, 50%);
  font-style: italic;
  float:right;
}

span[title="required"] {
  color: darken(#edd1d1, 50%);
}

.control-label {
  display: block;
  max-width: 100%;
  margin-bottom: 5px;
  margin-top: 0;
  font-size: $font-size-base;
  font-weight: bold;
}

.cancel-form {
  margin-right: .5em;
}

// Use a legend as the heading for major sections in a form.
// Can also use the .fieldset-legend class to form heading styles
// e.g., the show page for proposal
.fieldset-legend {
  @extend legend;
  padding-top: 20px;
}

.cfp-date-input {
  width: 50%;
}

input.boolean {
  margin: 4px;
}

.inline-form {
  display: flex;
  gap: 10px;
  align-items: center;
}