I am gettiing an error expected new line while compiling SASS

Question

I m having issues where my SASS won't just compile and its showing me the same error: Expected NewLine

#topper, h3 {    
    text-align: center;
    text-decoration:underline;
}

.list-group{
    .active{
        text-decoration: underline;
        font-weight:bold
    }
}

Error Shown. Tried Everything even deleting and putting left braces in new line

  ╷
1 │ #topper, h3 {
  │             ^
  ╵
  home.sass 1:13  root stylesheet

Answer 1

According to Sass-lang.com and the comment of @Nit you have chosen wrong compile options.

this is SCSS

@mixin button-base() {
  @include typography(button);
  @include ripple-surface;
  @include ripple-radius-bounded;

  display: inline-flex;
  position: relative;
  height: $button-height;
  border: none;
  vertical-align: middle;

  &:hover { cursor: pointer; }

  &:disabled {
    color: $mdc-button-disabled-ink-color;
    cursor: default;
    pointer-events: none;
  }
}

Same in SASS

@mixin button-base()
  @include typography(button)
  @include ripple-surface
  @include ripple-radius-bounded

  display: inline-flex
  position: relative
  height: $button-height
  border: none
  vertical-align: middle

  &:hover
    cursor: pointer

  &:disabled
    color: $mdc-button-disabled-ink-color
    cursor: default
    pointer-events: none