Sha256: 412c49f9d2b9c8f35a19627b7f9480b839998842a11e7947460062d2f0fc4949
Contents?: true
Size: 1.36 KB
Versions: 20
Compression:
Stored size: 1.36 KB
Contents
// scss-lint:disable QualifyingElement
.gem-c-input,
// Explicitly set the input type so that we have higher specificity than
// https://github.com/alphagov/static/blob/79d29b6a4221874ead27e67d007704a6be166a57/app/assets/stylesheets/helpers/_buttons.scss#L91-L122
// This can be removed once everything is using `core_layout`.
input[type=text].gem-c-input {
@include core-19;
box-sizing: border-box;
width: 100%;
height: 2.10526em;
margin: 0; // Override unwanted global cascaded styles
margin-bottom: 20px;
padding: $gem-spacing-scale-1;
// setting any background-color makes text invisible when changing colours to dark backgrounds in Firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=1335476)
// as background-color and color need to always be set together, color should not be set either
border: $gem-border-width-form-element solid;
border-radius: 0;
// Disable inner shadow and remove rounded corners
appearance: none;
}
// scss-lint:enable QualifyingElement
@media (min-width: 40.0625em) {
.govuk-c-input {
margin-bottom: 30px;
}
}
.gem-c-input:focus {
outline: $gem-focus-width solid $gem-focus-colour;
}
.gem-c-input--error {
border: $gem-border-width-error solid $gem-error-colour;
}
// Replace this with the error message component.
.gem-c-input__label-error {
font-weight: bold;
color: $gem-error-colour;
padding-top: 4px;
}
Version data entries
20 entries across 20 versions & 1 rubygems