<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. */
.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;
}
}
Updated :focus to use $brand-secondary, which is currently Blue. Needs checking.