Sass 部落格
第 4 頁,共 9 頁
-
LibSass 已被棄用
Natalie Weizenbaum 發佈於 2020 年 10 月 26 日
經過 Sass 核心團隊多次討論,我們得出結論,是時候正式宣布 LibSass 以及在其基礎上構建的套件(包括 Node Sass)已被棄用。幾年來,LibSass 背後的工程帶寬明顯不足以使其與 Sass 語言的最新發展保持同步(例如,最新的語言功能是在2018 年 11 月添加的)。儘管我們一直希望看到這種情況有所好轉,但即使是長期 LibSass 貢獻者 Michael Mifsud 和 Marcel Greter 的出色工作也無法跟上 CSS 和 Sass 的快速發展步伐。
我將在下面詳細說明這意味著什麼,但以下是重點:
-
我們不再推薦將 LibSass 用於新的 Sass 專案。請改用Dart Sass。
-
我們建議所有現有的 LibSass 使用者制定最終遷移到 Dart Sass 的計劃,並且所有 Sass 函式庫都制定最終放棄支援 LibSass 的計劃⋯⋯
-
-
徵求意見:HWB 函式
Natalie Weizenbaum 發佈於 2020 年 10 月 7 日
CSS 工作小組最近在Color Level 4規範中做了各種令人興奮的工作,Sass 團隊也開始考慮如何將這些酷炫的新功能整合到 Sass 的色彩模型中。我們需要更多時間來為 Lab 色彩空間等複雜功能設計出完全正確的設計,但这並不意味著我們不能添加一些新的色彩功能。
今天,我們宣布一項關於此類功能的提案:用於HWB色彩的內建 Sass 函式!一旦這個提案(由 Sass 核心團隊成員Miriam Suzanne起草)被接受並實施,您就可以使用 HWB 語法編寫色彩,並調整其白色和黑色,就像現在調整色彩的飽和度和亮度一樣。
函式函式永久連結
以下是此提案新增的全新改良函式:
color.hwb()
color.hwb() 永久連結color.hwb()
函式使用色相、白色和黑色來定義色彩。與現有的rgb()
和hsl()
函式一樣,它可以使用⋯⋯ -
徵求意見:巢狀 Map 函式
Natalie Weizenbaum 發佈於 2020 年 9 月 16 日
隨著 Sass 函式庫和設計系統變得越來越複雜,並且擁有更多需求各異的使用者,它們往往需要共享和覆蓋配置和設計權杖(design tokens)。這種配置通常是階層式的,最終會被表示為包含 Map、又包含更多 Map 的 Map。到目前為止,Sass 的 Map 函式還沒有真正簡化處理這種巢狀 Map 結構的工作。但隨著 Sass 核心團隊成員Miriam Suzanne撰寫的最新語言提案,這種情況正在發生變化。
這項提案擴展了現有的 map 函式,並新增了一些函式,讓操作巢狀 map 比以往更加容易。它是基於在各種 Sass 專案中常見的輔助函式,將最佳實務整合回語言本身。
函式函式永久連結
以下是此提案新增的全新改良函式:
map.get()
和map.has-key()
map.get() 和 map.has-key() 永久連結map.get()
和map.has-key()
函式現在都可以接受任意數量的… -
模組系統正式推出
Natalie Weizenbaum 於 2019 年 10 月 2 日發表
Sass 團隊多年來都知道,
@import
規則,Sass 最早加入的功能之一,並不如我們所願。它給我們的使用者帶來了一系列的問題。-
由於在一個樣式表中定義的任何內容都可供在其後導入的所有樣式表使用,因此幾乎不可能找出給定的變數、mixin 或函式(統稱為「成員」)最初是在哪裡定義的。
-
即使您選擇明確導入每個定義了您所使用成員的樣式表,您最終也會得到重複的 CSS 和奇怪的副作用,因為樣式表每次導入時都會從頭重新載入。
-
使用簡潔的名稱並不安全,因為您的應用程式中其他地方的某些樣式表總有可能使用相同的名稱,並擾亂您的邏輯。為了安全起見,使用者必須在他們定義的所有內容上手動添加冗長、笨拙的命名空間。
-
函式庫作者無法確保他們的私有輔助函式不會被下游使用者存取,…
-
-
模組系統預覽
Natalie Weizenbaum 於 2019 年 9 月 4 日發表
各位 Sass 的粉絲們,有個令人興奮的消息!經過一年的開發和一些規格上的迭代,我們準備推出新的 Sass 模組系統的 Beta 預覽版!根據使用者回饋,我們可能還會進行一些最後的調整,所以現在還不要在正式產品中使用它,但請把握這個機會試用看看,並讓我們知道您的想法。
安裝預覽版安裝預覽版永久連結
預覽版本可在所有正常的發佈管道上以版本
1.23.0-module.beta.1
取得。您可以從 GitHub 發佈頁面 下載,或使用以下其中一個指令安裝(取決於您偏好的安裝管道)$ npm install --save-dev sass@1.23.0-module.beta.1 $ npm install -g sass@1.23.0-module.beta.1 $ brew install sass/sass/sass@1.23.0-module.beta.1 $ choco install sass --version 1.23.0.modulebeta-1 $ pub global activate sass 1.23.0-module.beta.1
請注意,1.23.0 可能實際上不是穩定版模組系統的最終版本號,它只是 Dart Sass 發佈系列中的下一個次要版本號…。