Sha256: 6700719de9c19afe2d332eca8857b47e28965a3f5fbec8d2eedb61ec68bd1fcd

Contents?: true

Size: 1.79 KB

Versions: 6

Compression:

Stored size: 1.79 KB

Contents

// Form validation
// ==========================================================================

// Use error to add a red border to the left of a .form-group
.error {

  // Ensure the .error class is applied to .form-group, otherwise box-sizing(border-box) will need to be used
  // @include box-sizing(border-box);
  margin-right: 15px;

  // Form inputs should have a red border
  // Add a red border to .form-controls that are direct descendants
  > .form-control {
    border: 4px solid $error-colour;
  }

  border-left: 4px solid $error-colour;
  padding-left: 10px;

  @include media(tablet) {
    border-left: 5px solid $error-colour;
    padding-left: $gutter-half;
  }

}

// Error messages should be red and bold
.error-message {
  @include bold-19;
  color: $error-colour;


  display: block;
  clear: both;

  margin: 0;
  padding: 2px 0;
}

.form-label .error-message,
.form-label-bold .error-message {
  padding-top: 4px;
  padding-bottom: 0;
}

// Summary of multiple error messages
.error-summary {

  // Error summary has a border on all sides
  border: 4px solid $error-colour;

  margin-top: $gutter-half;
  margin-bottom: $gutter-half;

  padding: $gutter-half 10px;

  @include media(tablet) {
    border: 5px solid $error-colour;

    margin-top: $gutter;
    margin-bottom: $gutter;

    padding: $gutter-two-thirds $gutter-half $gutter-half;
  }

  @include ie-lte(6) {
    zoom: 1;
  }

  // Use the GOV.UK outline focus style
  &:focus {
    outline: 3px solid $focus-colour;
  }

  .error-summary-heading {
    margin-top: 0;
  }

  p {
    margin-bottom: 10px;
  }

  .error-summary-list {
    padding-left: 0;

    li {

      @include media(tablet) {
        margin-bottom: 5px;
      }
    }

    a {
      color: $error-colour;
      font-weight: bold;
      text-decoration: underline;
    }
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
govuk_elements_rails-2.2.1 vendor/assets/stylesheets/elements/forms/_form-validation.scss
govuk_elements_rails-2.2.0 vendor/assets/stylesheets/elements/forms/_form-validation.scss
govuk_elements_rails-2.1.2 vendor/assets/stylesheets/elements/forms/_form-validation.scss
govuk_elements_rails-2.1.1 vendor/assets/stylesheets/elements/forms/_form-validation.scss
govuk_elements_rails-2.1.0 vendor/assets/stylesheets/elements/forms/_form-validation.scss
govuk_elements_rails-2.0.0 vendor/assets/stylesheets/elements/forms/_form-validation.scss