ritwickdey / vscode-live-sass-compiler

Compile Sass or Scss file to CSS at realtime with live browser reload feature.
https://ritwickdey.github.io/vscode-live-sass-compiler/
MIT License
657 stars 168 forks source link

grid-template-columns problem #522

Open kovoliver opened 3 years ago

kovoliver commented 3 years ago

Hello, My scss code is:

@function fr($end) {
    @return repeat($end, 1fr);
}

@for $i from 2 to 9 {
    .grid-#{$i}-l {
        display:grid;
        grid-template-columns: fr($i);
    }
}

The result is:

.grid-2-l {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

.grid-3-l {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
}

" -ms-grid-columns: (1fr)[2];" isn't correct syntactically.

glenn2223 commented 3 years ago

This might be an issue that has been addressed in a future update. May I suggest switching to my fork, as this extension isn't maintained anymore


This extension is no longer maintained, see #486. This will show you that I have a fork that I'm actively maintaining.

After reading it, please close this issue so my own can stay top of the list. Thanks