search bar

by jshacker

HTML

<form>
  <input type="text" id="someId" class="input formItem" />
  <button class="button formItem">button</button>
</form>

SCSS

form {
  padding: 10px;
  background-color: #2175a2;
  .formItem {
    font-size: 20px;
    border-radius: 4px;
    border: none;
    margin: 4px;
    padding: 4px;
  }
  input[type="text"] {
    color: white;
    background-color: azure;
    color: #b41217;
    padding: 10px;
  }
  button.button {
    background-color: #51b91e;
    padding: 10px;
  }
}