Sample load module sass. Every page should have a distinguish body id, and css should be place under a specific body id, so that we don't have a style confiction

index.scss

body[id=companies_index] {
  .main-loading {
    border-radius: 2px;
    color: $main-blue;
    height: 260px;
    margin-top: 40px;
    padding-top: 200px;
  }

  .main-search {
    background-color: $super-light-blue;
    border-radius: 2px;
    display: none;
    padding: 50px;
    margin-top: 40px;
  }

  .welcome {
    color: $main-blue;
    font-size: $font-size-head1;
    letter-spacing: $tracking;
    margin: 0;
  }

  .clue {
    color: $main-copy;
    font-size: $font-size-subhead1;
    letter-spacing: $tracking;
  }

  .form-group {
    margin-top: 25px;
    &:focus {
      background-color: blue;
    }
    input {
      display: inline;
      height: 42px;
      width: 95%;
      &:visited {
        background-color: red;
      }
      &:focus {
        border: 1px solid $main-blue;
      }
      &:focus + button {
        visibility: visible;
      }
    }
    .inner {
      height: 42px;
      margin-left: -104px;
      visibility: hidden;
      width: 10%;
      &:hover {
        visibility: visible;
      }
    }
  }
}