<form class="search">
    <input type="text" placeholder="Search"><input type="submit" value="Search">
</form>
<form class="search">
	<input type="text" placeholder="Search"><input type="submit" value="Search">
</form>
/* No context defined for this component. */
  • Content:
    .search {
      width: 100%;
      position: relative;
    
      input[type="submit"] {
        @extend .button;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        @include rem-fallback(width, $base-spacing-unit*1.5);
    
        background-image: url(../images/icon-search.png);
        background-repeat: no-repeat;
        background-position: center;
    
        text-indent: -9999px;
      }
    }
  • URL: /components/raw/search-form/_search-form.scss
  • Filesystem Path: src/patterns/patterns/form-components/search-form/_search-form.scss
  • Size: 374 Bytes
  • Handle: @search-form
  • Preview:
  • Filesystem Path: src/patterns/patterns/form-components/search-form/search-form.hbs

Search Form

Updated :focus to use $brand-secondary, which is currently Blue. Needs checking.