Theme SCSS files won't update theme

Tutor
1

I’m currently developing a theme for my Tutor application and, when i need to replace some HTML it is really simple, but, now that i needed to put some extra scss it didn’t work as i expected.

What i did was the same thing as i’ve been doing with the html, just using the same path, same file name, just changing some stuff inside.

the file: lms/static/sass/discussion/views/_search.scss
the page: inside a course, in the discussion tab, the search bar

image
image1779×347 25.7 KB

the file content:

.forum-search {
  display: flex;
  margin-top: $baseline;
  position: relative;

  .search-input {
    width: input-width(short);
  }

  .search-button {
    margin-left: 20px !important;
  }

  @include media-breakpoint-up(sm) {
    @include margin-left($baseline);

    margin-top: 0;
  }

  > label {
    position: absolute;
    display: block;
    color: #495057;
    transition: all 0.1s ease-in-out;
    padding-left: 10px;
    padding-top: 10px;
  }

  #search-hint {
    white-space: nowrap;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  input::placeholder {
    color: transparent;
  }

  input:not(:placeholder-shown) {
    & ~ label {
      padding-top: 0.15rem;
      font-size: 10px;
    }
  }
}

Whenever i change something, just running the following command applies everything, but it’s not the case with scss files

tutor local stop; tutor local start -d