Sass 部落格

第 1 頁，共 9 頁

  • Sass 色彩空間與 廣色域色彩

    Miriam Suzanne 於 2024 年 9 月 11 日發佈

    廣色域色彩即將登陸 Sass！

    我應該澄清一下。像 oklch(…) 和 color(display-p3 …) 這樣的廣色域 CSS 色彩格式，自 2023 年 5 月以來就已在所有主流瀏覽器中可用。但即使在那之前，這些新的色彩格式在 Sass 中也是*允許的*。這是我最喜歡的 Sass 功能之一：大多數新的 CSS *可以直接使用*，而無需任何「官方」支援或更新。當 Sass 遇到未知的 CSS 時，它會將該程式碼傳遞給瀏覽器。並非所有東西都需要被 預處理。

    通常，這樣就夠了。當 Cascade Layers 和 Container Queries 在瀏覽器中推出時，Sass 沒有更多需要做的事情。但新的 CSS 色彩格式略有不同。由於色彩是 Sass 中的一級資料類型，我們並不總是希望*按原樣*傳遞它們。我們通常希望在它們傳送到瀏覽器之前對色彩進行操作和 管理。

    已經了解所有關於色彩空間的知識了嗎？跳至新的 Sass 功能！

    色彩格式的權衡色彩…

  • Node Sass 已 停止維護

    Natalie Weizenbaum 於 2024 年 7 月 24 日發佈

    是時候讓 Node Sass 退役了。這個 LibSass 的 Node.js 封裝器是 JavaScript 生態系統中第一個可用的官方 Sass 編譯器，並且是 Sass 從其起源的 Ruby 社群擴展到更大範圍的過程中非常重要的一部分，但它已經一年半沒有發佈新版本了，而且最近的一批維護者不再有繼續更新它的 時間了。

    npm 套件已被標記為棄用，並且 GitHub 儲存庫 已被封存，以減少對哪些 Sass 儲存庫仍在開發的混淆。如果您仍在使用 Node Sass，我們強烈建議您利用這個機會遷移到主要的實作方式 Dart Sass。

    Node Sass 使用的 LibSass 實作方式仍然處於棄用狀態，但尚未停止維護，因為其維護者 Marcel Greter 仍在偶爾進行修復。但是，不再有官方支援的方式從 Node.js 使用此 實作方式。

    我想藉此機會感謝所有使用 Node…

  • 宣布推出 `pkg:` 導入器

    Natalie Weizenbaum 於 2024 年 2 月 16 日發佈

    幾個月前，我們 徵求了關於一個新標準導入器提案的回饋，該提案可以使用共享的 pkg: 綱要從各種不同的套件管理器載入套件，以及一個支援 Node.js 模組解析演算法的內建 pkg: 導入器。今天，我很興奮地宣布，這個功能已在 Dart Sass 1.71.0 中 推出！

    您不再需要手動將 node_modules 新增到您的 loadPaths 選項，也不用擔心巢狀套件是否可以正常運作。您也不再需要在網址中新增 ~ 並放棄所有可攜性。現在，您只需傳遞 importers: [new NodePackageImporter()] 並編寫 @use 'pkg:library'，它就能立即如您所願地 運作。

    什麼是 pkg: 導入器？什麼是 pkg: 導入器？ 永久連結

    可以將 pkg: 導入器想像成一種規範，任何人都可以透過編寫遵循一些規則的自訂導入器來實現它。我們已經為 Node.js 模組演算法實現了一個，但您也可以實現一個載入 Sass 的導入器 …

  • 徵求意見：套件導入器 

    發表於 2023 年 9 月 26 日，作者：James Stuckey Weber 

    Sass 使用者經常需要使用來自 dependency 的樣式來客製化現有的主題或存取樣式工具程式。從歷史上看，Sass 並未指定使用 dependency 套件的標準方法。這導致了各種特定領域的解決方案，包括 Webpack 中的 ~ 前綴，以及將 node_modules 加入 loadPaths。

    這一直是一個常見的痛點，並且可能導致難以依賴 dependency。它也可能使您的專案更難以遷移到新的建置流程 。

    套件導入器套件導入器 永久連結

    我們提議一種新型的導入器，允許使用者使用 pkg: URL 結構來指示 Sass 使用特定環境的解析標準和慣例來解析 dependency 的 URL 。

    為了滿足最大的使用案例，我們提議為 Node 生態系統內建一個套件導入器。我們建議套件作者在其發佈的 package.json 中，為其套件的進入點定義一個 sass 條件式匯出。例如，一個包含以下內容的 package.json：…

  • 瀏覽器中的 Sass 

    發表於 2023 年 7 月 7 日，作者：Natalie Weizenbaum 

    在 Sass 的發展過程中，我們看到許多我們開創的功能都被瀏覽器採用。CSS 變數、數學函式，以及最近的巢狀都受到 Sass 的啟發。但在瀏覽器中以編譯器的形式運行 *Sass 本身* 從來都不可能……直到現在 。

    隨著 Dart Sass 1.63 的發佈，我們正式在 sass npm 套件中加入了直接在瀏覽器中運行的支援。遊樂場或網頁 IDE 的開發者不再需要透過伺服器呼叫來編譯他們的 Sass。現在，您可以直接載入並在您的頁面上使用它 。

    事實上，您現在就可以試試！只要打開您的開發者控制台並執行以下程式碼 

    const sass = await import('https://jspm.dev/sass');
sass.compileString('a {color: #663399}');

    我還能如何使用它？我還能如何使用它？ 永久連結

    我們已盡最大努力確保 Sass 在瀏覽器中的使用方式盡可能多元。它可以 …

下一頁