Input Focus

by Santosh Thakur

HTML

<div class="input_div">
  <input type="text" value="">
  <span class="location-icon">User</span>
</div>

SCSS

.input_div {
  .location-icon {
    color: green;
    text-align: center;
  }
  input[type="text"] {
    &:focus {
      ~ .location-icon {
        color: red;
      }
    }
  }
}