Sha256: a9fc39194f37f3a283d598c34fc9b2fc41ce30ec861dc1f43d74da4a426d6db2

Contents?: true

Size: 916 Bytes

Versions: 96

Compression:

Stored size: 916 Bytes

Contents

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

$search-icon-size: 40px;

.gem-c-input__search-icon {
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: -$search-icon-size;
  margin-bottom: -(govuk-px-to-rem($search-icon-size));
  width: $search-icon-size;
  height: $search-icon-size;
  height: govuk-px-to-rem($search-icon-size);
  background: url("govuk_publishing_components/icon-search.svg") no-repeat -3px center;
}

// 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;
  min-width: 0;
  padding: govuk-spacing(1);
  box-sizing: border-box;

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

Version data entries

96 entries across 96 versions & 1 rubygems

Version Path
govuk_publishing_components-51.1.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-51.0.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-50.0.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-50.0.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-49.1.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-49.0.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-48.0.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-47.0.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-46.4.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-46.3.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-46.3.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-46.2.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-46.1.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-46.0.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-45.10.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-45.9.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-45.8.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-45.7.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-45.6.1 app/assets/stylesheets/govuk_publishing_components/components/_input.scss
govuk_publishing_components-45.6.0 app/assets/stylesheets/govuk_publishing_components/components/_input.scss