title: how to compile scss styles inside a blade file
body: <p>I'm trying to use scss styles inside a blade file. but I can't find a propper way to do that.</p>
  
  <pre><code>{{-- header.blade.php --}}
  &lt;header id="mainHeader"&gt;
      &lt;style lang="scss"&gt;
          .a1 {
              color: red;
  
              &gt; .a2 {
                  font-size: 20px;
              }
          }
      &lt;/style&gt;
  
      &lt;div class="a1"&gt;
          this is a1
  
          &lt;div class="a2"&gt;this is a2&lt;/div&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  </code></pre>
  
  <p>is there any way to do this?</p>