From cb1fe3554e2689676f11b7d0266821953708571d Mon Sep 17 00:00:00 2001 From: Paul Craig Date: Mon, 6 Feb 2017 15:12:23 +0000 Subject: [PATCH] Bring in govuk_elements' text input styles Similar to the radios and checkboxes, govuk_elements have added new styles that increase the contrast of our form elements. Worth noting that we're explicitly _not_ bringing in spacing-related styles because we're Digital Marketplace and we do things differently here. Custom radios / checkboxes, in govuk_elements: https://github.com/alphagov/govuk_elements/pull/296 --- toolkit/scss/forms/_textboxes.scss | 17 +++++++++++++---- 1 file changed, 13 insertions(+), 4 deletions(-) diff --git a/toolkit/scss/forms/_textboxes.scss b/toolkit/scss/forms/_textboxes.scss index 3dbaf6c7..3413096f 100644 --- a/toolkit/scss/forms/_textboxes.scss +++ b/toolkit/scss/forms/_textboxes.scss @@ -1,3 +1,9 @@ +// Copied from GOVUK Elements +// Version: https://github.com/alphagov/govuk_elements/commit/735955e7ffb6198d2b5ad5348ed5eb941435646b +// +// Bringing in rules for input textboxes from govuk_elements' .form-control class +// Digital Marketplace's spacing (margin and padding) rules are specific to us + @import "_colours.scss"; @import "_conditionals.scss"; @import "_typography.scss"; @@ -6,14 +12,17 @@ %text-box, .text-box { - @include core-19; @include box-sizing(border-box); + @include core-19; + width: 100%; + + padding: 5px; + background-color: transparent; + border: 2px solid; + display: block; height: 50px; margin: 0 0 15px 0; - padding: 5px; - border: 2px solid $secondary-text-colour; - width: 100%; /* IE<8 cannot include borders and padding as part of width */ @include ie-lte(7) {