mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-06-02 12:30:48 -04:00
348e29fb40
- Deleted /stylesheets folder - Removed sass build from gulpfile - Changed gov links to usa links - Changed other govuk styles, like breadcrumbs - Changed name of uk_components file to us_components - Fixed a few tests that broke on account of the changes
78 lines
1.8 KiB
SCSS
78 lines
1.8 KiB
SCSS
@import "../../settings/all";
|
|
@import "../../tools/all";
|
|
@import "../../helpers/all";
|
|
|
|
@import "../error-message/error-message";
|
|
@import "../hint/hint";
|
|
@import "../label/label";
|
|
|
|
@include govuk-exports("govuk/component/input") {
|
|
.govuk-input {
|
|
@include govuk-font($size: 19);
|
|
@include govuk-focusable;
|
|
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 40px;
|
|
margin-top: 0;
|
|
|
|
padding: govuk-spacing(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: $govuk-border-width-form-element solid $govuk-input-border-colour;
|
|
border-radius: 0;
|
|
|
|
// Disable inner shadow and remove rounded corners
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
|
|
.govuk-input::-webkit-outer-spin-button,
|
|
.govuk-input::-webkit-inner-spin-button {
|
|
margin: 0;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.govuk-input[type="number"] {
|
|
-moz-appearance: textfield;
|
|
}
|
|
|
|
.govuk-input--error {
|
|
border: $govuk-border-width-form-element-error solid $govuk-error-colour;
|
|
}
|
|
|
|
// The ex measurements are based on the number of W's that can fit inside the input
|
|
// Extra space is left on the right hand side to allow for the Safari prefill icon
|
|
// Linear regression estimation based on visual tests: y = 1.76 + 1.81x
|
|
|
|
.govuk-input--width-30 {
|
|
max-width: 56ex + 3ex;
|
|
}
|
|
|
|
.govuk-input--width-20 {
|
|
max-width: 38ex + 3ex;
|
|
}
|
|
|
|
.govuk-input--width-10 {
|
|
max-width: 20ex + 3ex;
|
|
}
|
|
|
|
.govuk-input--width-5 {
|
|
max-width: 10.8ex;
|
|
}
|
|
|
|
.govuk-input--width-4 {
|
|
max-width: 9ex;
|
|
}
|
|
|
|
.govuk-input--width-3 {
|
|
max-width: 7.2ex;
|
|
}
|
|
|
|
.govuk-input--width-2 {
|
|
max-width: 5.4ex;
|
|
}
|
|
|
|
}
|