ministryofjustice/Claim-for-Crown-Court-Defence

View on GitHub
app/webpack/stylesheets/_denote.scss

Summary

Maintainability
Test Coverage
// Denote styles
.form-input-denote {
  position: absolute;
  margin: 2px 0 0 2px;
  padding: $gutter-one-sixth + 1 $gutter-one-third + 2;
  background-color: govuk-colour("light-grey");
  line-height: 1.1;

  @include govuk-media-query($from: tablet) {
    padding: $gutter-one-sixth + 2 $gutter-one-third + 2;
  }
}

.form-input-denote__input {
  margin: 0;
  padding-left: $govuk-gutter + $gutter-one-third;
}

.error .form-input-denote,
.form-group-error .form-input-denote {
  margin-top: $gutter-one-sixth;
  margin-left: $gutter-one-sixth;
  padding: $gutter-one-sixth + 1 $gutter-one-third + 2;
  color: govuk-colour("white");
  background-color: $govuk-error-colour;

  @include govuk-media-query($from: tablet) {
    padding: $gutter-one-sixth + 3 $gutter-one-third + 2;
  }
}