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