Sha256: e360a4ea6c456713660bb1f68da83f703024b5cbd820a1a24dbe7bec10d6f346
Contents?: true
Size: 853 Bytes
Versions: 18
Compression:
Stored size: 853 Bytes
Contents
@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: image-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
18 entries across 18 versions & 1 rubygems