Skip to content

Commit

Permalink
Bring in govuk_elements' text input styles
Browse files Browse the repository at this point in the history
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:
alphagov/govuk_elements#296
  • Loading branch information
pcraig3 committed Feb 7, 2017
1 parent 3483b31 commit 9d12a24
Showing 1 changed file with 13 additions and 4 deletions.
17 changes: 13 additions & 4 deletions toolkit/scss/forms/_textboxes.scss
Original file line number Diff line number Diff line change
@@ -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";
Expand All @@ -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) {
Expand Down

0 comments on commit 9d12a24

Please sign in to comment.