PhpStorm: Add Sass/SCSS section in HTML

Question

I want to mix HTML and SCSS/Sass in one file. Is there a way to make PhpStorm to respect both languages?

Something like this:

<html>
<h1>a Header</h1>
<p>some text</p>
<style lang="scss">
h1 {
 color: red;
 span {
   color: green;
  }
}
</style>
</html>

Is there a way to make PhpStorm to format such a thing correct?

Sure: https://stackoverflow.com/a/36331588/783119 (works since 2017.1 version) -- use ` — LazyOne, Aug 17 '22 at 21:36

score 0 · Answer 1 · answered Aug 18 '22 at 08:29

0

Using

<style type="text/scss">
        h1 {
            color: red;
        span {
            color: green;
        }
        }
</style>

should do the thing; but note that SCSS will not run in a browser without first being compiled to CSS.

answered Aug 18 '22 at 08:29

lena

A great solution - works like a ccharme. Thanks for the hint. my scss is extracted and processed by posthtml. – mxsteini Aug 19 '22 at 12:07

1 Answers1