Sha256: 8bdcc290dc7fb53319227bbaad73d813b38bc24c4e7a3e3c1af3fde1a8dd2c88

Contents?: true

Size: 898 Bytes

Versions: 89

Compression:

Stored size: 898 Bytes

Contents

@import "govuk/components/input/input";

.gem-c-input--search-icon {
  background: govuk-colour("white") url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36' width='40' height='40'%3E%3Cpath d='M25.7 24.8L21.9 21c.7-1 1.1-2.2 1.1-3.5 0-3.6-2.9-6.5-6.5-6.5S10 13.9 10 17.5s2.9 6.5 6.5 6.5c1.6 0 3-.6 4.1-1.5l3.7 3.7 1.4-1.4zM12 17.5c0-2.5 2-4.5 4.5-4.5s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z' fill='currentColor'%3E%3C/path%3E%3C/svg%3E") no-repeat -5px -3px;
  padding-left: govuk-spacing(6);
}

// this overrides styles from static that break the look of the component
// unfortunately we then need to override the override for the search icon variant
// TODO: remove these styles once static is made less aggressive
.gem-c-input.govuk-input {
  margin: 0;
  padding: govuk-spacing(1);

  &.gem-c-input--search-icon {
    padding-left: govuk-spacing(6);
  }
}

Version data entries

89 entries across 89 versions & 1 rubygems

Version Path
govuk_publishing_components-21.44.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.43.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.42.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.41.4 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.41.3 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.41.2 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.41.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.41.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.40.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.39.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.38.5 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.38.4 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.38.3 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.38.2 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.38.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.38.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.37.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.36.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.36.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-21.35.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss