<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="241953" data-post-id="241953">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="hxgdzyuyi" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/hxgdzyuyi/120/20498_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  hxgdzyuyi
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>thanks !</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="241953" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/dartsass-an-installer-for-sass/41371/32">Post #31</a>
	                </div>
	            </div>
              <div id="likers-container-241953" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="241953"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #31"></div>
  </section>
</div>
    <div class="postbit" id="249509" data-post-id="249509">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mcrumm" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mcrumm/120/23032_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mcrumm
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Phoenix Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h2><a name="p-249509-v050-2022-04-28httpshexpmpackagesdart_sass050-1" class="anchor" href="#p-249509-v050-2022-04-28httpshexpmpackagesdart_sass050-1" aria-label="Heading link" rel="nofollow"></a><a href="https://hex.pm/packages/dart_sass/0.5.0" rel="nofollow">v0.5.0 (2022-04-28)</a></h2>
<ul>
<li>Support upstream arm64 binaries</li>
<li>Update Sass version to <code>1.49.11</code></li>
</ul>
<p><strong>A note about the Sass version</strong><br>
While there are <a href="https://github.com/sass/dart-sass/releases" rel="noopener nofollow ugc">newer releases</a> of the dart-sass package available, v1.50.0+ currently has a <a href="https://github.com/sass/dart-sass/pull/1665" rel="noopener nofollow ugc">broken --watch implementation</a> and must not be used until it is fixed and a new version is released. Fortunately once that happens we should be able to remove the bash runner script from the Elixir package.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="249509" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/dartsass-an-installer-for-sass/41371/33">Post #32</a>
	                </div>
	            </div>
              <div id="likers-container-249509" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="249509"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #32"></div>
  </section>
</div>
    <div class="postbit" id="259561" data-post-id="259561">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mcrumm" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mcrumm/120/23032_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mcrumm
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Phoenix Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h2><a name="p-259561-v051-2022-08-26-httpshexpmpackagesdart_sass051-1" class="anchor" href="#p-259561-v051-2022-08-26-httpshexpmpackagesdart_sass051-1" aria-label="Heading link" rel="nofollow"></a><a href="https://hex.pm/packages/dart_sass/0.5.1" rel="nofollow">v0.5.1 (2022-08-26) </a></h2>
<ul>
<li>Update Sass version to <code>1.54.5</code></li>
<li>Skip platform check when given a custom path (h/t <a href="https://github.com/jgelens" rel="noopener nofollow ugc">@jgelens</a>)</li>
<li>Use only TLS 1.2 on OTP versions less than 25.</li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="259561" data-batch-url="/posts/batch_likers">
                        2
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/dartsass-an-installer-for-sass/41371/34">Post #33</a>
	                </div>
	            </div>
              <div id="likers-container-259561" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="259561"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #33"></div>
  </section>
</div>
    <div class="postbit" id="285670" data-post-id="285670">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mcrumm" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mcrumm/120/23032_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mcrumm
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Phoenix Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h2><a name="p-285670-v060-2023-04-19httpshexpmpackagesdart_sass060-1" class="anchor" href="#p-285670-v060-2023-04-19httpshexpmpackagesdart_sass060-1" aria-label="Heading link" rel="nofollow"></a><a href="https://hex.pm/packages/dart_sass/0.6.0" rel="nofollow">v0.6.0 (2023-04-19)</a></h2>
<p><strong>Potentially breaking change:</strong> Due to a change in the upstream package structure, you must specify a <code>:version</code> &gt;= 1.58.0 on Linux platforms.</p>
<ul>
<li>Depend on inets and ssl by <a href="https://github.com/josevalim" rel="noopener nofollow ugc">josevalim</a> in <a href="https://github.com/CargoSense/dart_sass/pull/30" rel="noopener nofollow ugc">#30</a></li>
<li>Updated Sass version to <code>1.61.0</code> by <a href="https://github.com/azizk" rel="noopener nofollow ugc">azizk</a> in <a href="https://github.com/CargoSense/dart_sass/pull/31" rel="noopener nofollow ugc">#31</a></li>
<li>Renames <code>DartSass.bin_path/0</code> to <code>DartSass.bin_paths/0</code>.</li>
<li>Supports installation of newer upstream packages on Linux platforms. (h/t <a href="https://github.com/azizk" rel="noopener nofollow ugc">azizk</a>)</li>
<li>Overriding <code>:path</code> disables version checking.</li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="285670" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/dartsass-an-installer-for-sass/41371/35">Post #34</a>
	                </div>
	            </div>
              <div id="likers-container-285670" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="285670"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #34"></div>
  </section>
</div>
    <div class="postbit" id="288518" data-post-id="288518">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="tj0" src="/assets/icons/user-9f439610.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  tj0
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>PSA:</p>
<p>For those using SASS because of nesting and variables, esbuild might just be enough now. Using 0.17.18 atm.</p>
<p>By setting the target to be chrome58, it will rewrite the new css nesting rules to be functional on browsers that don’t support it. BEM won’t work anymore as the &amp; operator no longer does a strict append in all cases. However, by using CSS variables, I got rid of SASS with a bit of rewriting.</p>
<h4><a name="p-288518-the-details-1" class="anchor" href="#p-288518-the-details-1" aria-label="Heading link" rel="nofollow"></a>The details</h4>
<h5><a name="p-288518-configexs-2" class="anchor" href="#p-288518-configexs-2" aria-label="Heading link" rel="nofollow"></a>config.exs</h5>
<pre data-code-wrap="elixir"><code class="lang-elixir">config :esbuild,
  version: "0.17.18",
  default: [
    args: ~w(js/app.js --bundle --target=es2016,chrome58 --outdir=../priv/static/assets --external:*.woff2 --external:*.svg),
    cd: Path.expand("../assets", __DIR__),
    env: %{"NODE_PATH" =&gt; Path.expand("../deps", __DIR__)}
  ]

</code></pre>
<h5><a name="p-288518-appjs-3" class="anchor" href="#p-288518-appjs-3" aria-label="Heading link" rel="nofollow"></a>app.js</h5>
<p>App.js includes the css file for esbuild to generate and dump everything into priv/static/assets</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">import "../css/app.css"
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="288518" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/dartsass-an-installer-for-sass/41371/36">Post #35</a>
	                </div>
	            </div>
              <div id="likers-container-288518" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="288518"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #35"></div>
  </section>
</div>
    <div class="postbit" id="292769" data-post-id="292769">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="mcrumm" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/mcrumm/120/23032_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  mcrumm
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
			          <div class="user-title">
									<span>Phoenix Core Team</span>
			          </div>
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<h2><a name="p-292769-v070-2023-06-27httpshexpmpackagesdart_sass070-1" class="anchor" href="#p-292769-v070-2023-06-27httpshexpmpackagesdart_sass070-1" aria-label="Heading link" rel="nofollow"></a><a href="https://hex.pm/packages/dart_sass/0.7.0" rel="nofollow">v0.7.0 (2023-06-27)</a></h2>
<p>This release should be fully compatible with Elixir v1.15+</p>
<ul>
<li>Require Elixir v1.11+</li>
<li>Mark inets and ssl as optional apps</li>
<li>Ensure the install task only loads the runtime config with <code>--runtime-config</code></li>
</ul> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="292769" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/dartsass-an-installer-for-sass/41371/37">Post #36</a>
	                </div>
	            </div>
              <div id="likers-container-292769" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="292769"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>