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

Version Path
govuk_publishing_components-5.7.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.6.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.6 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.5 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.4 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.3 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.2 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.5.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.4.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.4.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.3.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.2.3 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.2.2 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.2.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.2.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.1.3 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.1.2 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.1.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-5.1.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss