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