Sassブログ
9ページ中4ページ
-
LibSassは非推奨になりました
投稿日:2020年10月26日 Natalie Weizenbaum
Sassコアチームで議論を重ねた結果、LibSassと、Node Sassを含むLibSass上に構築されたパッケージを正式に非推奨とする時期が来たという結論に至りました。ここ数年、LibSassの開発に十分なエンジニアリング能力がなく、Sass言語の最新の開発に追いつくことができないことは明らかでした(例えば、最新の言語機能は2018年11月に追加されました)。この状況が好転することを願っていましたが、長年のLibSass貢献者であるMichael MifsudとMarcel Greterの素晴らしい仕事をもってしても、CSSとSassの両方の急速な言語開発のペースに追いつくことができませんでした。
この意味について以下で詳しく説明しますが、主なポイントは次のとおりです。
-
新しいSassプロジェクトには、LibSassではなくDart Sassを使用することをお勧めします。
-
既存のLibSassユーザーは、最終的にDart Sassに移行する計画を立て、すべてのSassライブラリは、最終的にLibSassのサポートを終了する計画を立てることをお勧めします。
-
-
意見募集:HWB関数
投稿日:2020年10月7日 Natalie Weizenbaum
CSSワーキンググループは最近、Color Level 4仕様で、あらゆる種類の刺激的な作業を行っており、Sassチームは、これらのクールな新機能をSassのカラーモデルにどのように統合するかを検討し始めています。Lab色空間のような複雑な機能の設計を正確に決定するには、より多くの時間が必要ですが、だからといって、新しいカラー機能を追加できないわけではありません。
本日、そのような機能の1つである、HWBカラー用の組み込みSass関数の提案を発表します。この提案(SassコアチームメンバーのMiriam Suzanneによって作成)が承認され、実装されると、HWB構文で色を記述し、色の彩度と明度を調整できるのと同じ方法で、その白さと黒さを調整できるようになります。
関数関数へのパーマリンク
この提案で追加される新しい関数と改良された関数は次のとおりです。
color.hwb()
color.hwb()へのパーマリンクcolor.hwb()
関数は、色相、白色、黒色を使用して色を定義します。既存のrgb()
関数やhsl()
関数と同様に、以下のいずれかを使用できます。 -
意見募集:ネストされたマップ関数
投稿日:2020年9月16日 Natalie Weizenbaum
Sassライブラリとデザインシステムは、より複雑になり、ニーズの異なるユーザーが増えるにつれて、設定と designtokens を共有およびオーバーライドする必要が生じる傾向があります。この設定は多くの場合階層的であり、最終的にはマップを含むマップを含むマップとして表現されます。これまで、Sassのマップ関数は、この種のネストされたマップ構造を扱うことを容易にしていませんでした。しかし、SassコアチームメンバーのMiriam Suzanneによって書かれた最新の言語提案で、それは変わりつつあります。
この提案は、既存のマップ関数を拡張し、いくつかの新しい関数を追加することで、ネストされたマップの操作を以前よりもはるかに容易にします。これは、Web上のあらゆる種類のSassプロジェクトに現れるヘルパー関数に基づいており、ベストプラクティスを言語自体に組み込んでいます。
関数関数へのパーマリンク
この提案で追加される新しい関数と改良された関数は次のとおりです。
map.get()
とmap.has-key()
map.get()とmap.has-key()へのパーマリンクmap.get()
関数とmap.has-key()
関数は、どちらも任意の数の… -
モジュールシステムがリリースされました
投稿日:2019年10月2日 Natalie Weizenbaum
Sassチームは、Sassの最も初期に追加されたものの1つである
@import
ルールが、私たちが望んでいたほど良くないことを何年も前から知っていました。これは、ユーザーに多くの問題を引き起こしました。-
あるスタイルシートで定義されたものは、その後にインポートされたすべてのスタイルシートで使用できるため、特定の変数、mixin、または関数(まとめて「メンバー」と呼ばれる)が最初にどこで定義されたかを把握することは、事実上不可能でした。
-
使用したメンバーを定義したすべてのスタイルシートを明示的にインポートすることを選択した場合でも、スタイルシートはインポートされるたびに最初から再読み込みされるため、重複したCSSと奇妙な副作用が発生します。
-
アプリケーションの他の場所にある他のスタイルシートが同じ名前を使用してロジックを混乱させる可能性が常にあるため、簡潔で単純な名前を使用することは安全ではありませんでした。安全のために、ユーザーは定義したすべてのものに、長くて厄介な名前空間を手動で追加する必要がありました。
-
ライブラリの作成者は、プライベートヘルパーがダウンストリームユーザーによってアクセスされないようにする方法がありませんでした。
-
-
モジュールシステムプレビュー
投稿日:2019年9月4日 Natalie Weizenbaum
Sassファンの皆さん、エキサイティングなニュースです!1年間の開発と仕様の反復を経て、新しいSassモジュールシステムのベータプレビューをリリースする準備ができました!ユーザーからのフィードバックに基づいて、最後の微調整を行う可能性があるため、まだ本番環境で使用しないでください。しかし、この機会に試してみて、ご意見をお聞かせください。
プレビューのインストールプレビューのインストールへのパーマリンク
プレビューリリースは、バージョン
1.23.0-module.beta.1
として、すべての通常の配布チャネルで入手できます。GitHubリリースページからダウンロードするか、次のコマンドのいずれかを使用してインストールできます( preferred installation channel によって異なります)。$ 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のリリースシリーズの次のマイナーバージョン番号です。