Sass ブログ

9ページ中2ページ目

前のページ

  • コメント募集：新しい埋め込みプロトコル

    2023年5月20日投稿 Natalie Weizenbaum

    埋め込みSassプロトコルのホストパッケージの作者でない場合は、このブログ記事をスキップできます。ただし、かなりのオタクであれば、興味深いと思うかもしれません！

    埋め込みSassプロトコルにいくつかの破壊的変更を加える予定であり、新しい方法を決定する前に皆様からのフィードバックを求めています。混乱を最小限に抑えるため、一度にいくつかの破壊的変更を行う予定です。

    2つの主要な破壊的変更を計画しています

    1. Dart Sass埋め込みホストは、個別の実行ファイルとしてリリースされなくなります。今後はメインのDart Sass実行ファイルにバンドルされ、`sass --embedded`を実行することでアクセスできるようになります。

    2. 埋め込みプロトコルのすべてのパケットには、プロトコルバッファ定義で宣言するのではなく、パケット構造の一部としてコンパイルIDが含まれるようになりました。

    この機会に、さらに3つの小さな破壊的変更も導入します

    1. 埋め込みプロトコルの仕様とプロトコルバッファの定義は…

  • Sassとネイティブネスト

    2023年3月29日投稿 Natalie Weizenbaum

    本日リリースされるChrome 112の安定版は、新しいネイティブCSSネスト機能をサポートする最初の安定版ブラウザです。Sassのネストから着想を得たこの機能により、プレーンなCSSでスタイルルールをネストできるようになり、親セレクタを参照するためにSassの`&`規則も使用します。

    Sass HQでは、当社の言語設計がCSS自体の改善に役立つたびに光栄に思っています。より多くのブラウザがこの機能のサポートを展開するにつれて、ネストの使いやすさと明確性のメリットがさらに多くのCSS作者にもたらされることを楽しみにしています。

    Sassネストの未来Sassネストの未来　パーマリンク

    しかし、重要な質問が提起されます。Sassのネストはどうなるのでしょうか？まず、既存の有効なSassコードを変更して、広く使用されているブラウザと互換性のないCSSを出力することはありません。つまり、Sassのネストを段階的に廃止し、代わりにプレーンなCSSネストを出力することにしたとしても、98%の…まで行いません。

  • セキュリティアラート：Tar権限

    2022年12月10日投稿 Natalie Weizenbaum

    Sassチームは最近、多作な外部貢献者@ntkmeから、リリースプロセスにおけるセキュリティ問題を警告されました。

    TL;DRTL;DR パーマリンク

    LinuxまたはMac OSを使用している場合は、`ls -ax path/to/sass`を実行します。最初の列の最後の文字のグループに`w`が含まれている場合、脆弱性があります。

    Vulnerable:
-rwxr-xrwx 1 nweiz primarygroup 407 Dec 13 12:33 sass-1.56.2/sass

Not vulnerable:
-rwxr-xr-x 1 nweiz primarygroup 407 Dec 13 12:33 sass-1.56.2/sass

    `sass-embedded`パッケージを使用している場合は、`node_modules/sass-embedded/dist/lib/src/vendor/dart-sass-embedded/dart-sass-embedded`についても同様のことを行います。

    影響を受けるユーザー影響を受けるユーザー パーマリンク

    この問題はほとんどのユーザーにとって問題にならないと予想していますが、次のグループに影響を与えます。

    • Dart Sass WebサイトからスタンドアロンのDart Sass、Dart Sass Embedded、またはSass Migratorの`.tar.gz`アーカイブをダウンロードし、Unixルートユーザーとして展開したユーザー。

    • バージョン1.54.5より前にUnixルートユーザーとして`sass-embedded` npmパッケージをインストールしたユーザー。

    • コミュニティで管理されている`sass-embedded` RubyGemsパッケージの「非ネイティブ」バージョンをUnixルートとしてインストールしたユーザー…

  • コメント募集：カラースペース

    2022年9月21日投稿 Miriam SuzanneとNatalie Weizenbaum

    最近、CSSカラー仕様で多くのエキサイティングな作業が行われており、ブラウザに導入され始めたため、Sassでもそのサポートの準備を進めています。その最初で最大のものは、Sassに_カラースペース_のサポートを追加することであり、これは色の動作方法に関する大きな（しかし、ほとんど後方互換性のある）再考を表しています。

    従来、CSSのすべての色は、「sRGB」として知られる同じカラースペースに存在していました。16進コード、`hsl()`関数、またはカラー名で表す場合でも、画面に表示するように指示できる同じ一連の可視色を表していました。これは概念的にはシンプルですが、いくつかの大きな欠点があります。

    • モニターは時間の経過とともに改善され、sRGBカラースペースで表すことができるよりも多くの色を表示できるようになりました。

    • `hsl()`を使用していても、sRGBは人間の色の知覚とあまり一致しません。同じ彩度と明るさの値で、シアンは紫よりも明らかに明るく見えます。

    • …

  • コメント募集：厳格な単項演算子

    2022年6月15日投稿 Natalie Weizenbaum

    Sassで`margin: $a -$b`が何をするか知っていますか？「`margin: $a (-$b)`と同じこと」と言った場合、申し訳ありませんが、それは間違っています。実際には`margin: $a - $b`と同じことです。心配しないでください、Sassのパーサーのこの奇妙なコーナーでつまずいた最初の人ではありません！しかし、新しい言語提案ではそれを修正することを目指しています。

    厳格な単項演算子提案では、現在コミュニティからのフィードバックを求めており、最初に`$a -$b`形式の式を非推奨にし、最終的には許可しないことを提案しています。非推奨は決して楽しいものではありませんが、これはかなり簡単に進むはずです。意図に応じて`$a - $b`または`$a (-$b)`を記述するだけで済みます。Sassマイグレーターマイグレーションも提供して、スタイルシートを自動的に更新します。

    非推奨

    • `$a -$b`は、作成者の意図が不明であり、現在の動作はおそらく間違っているため、今後許可されなくなります。

    まだ許可されている

    • `$a - $b`は…ため、引き続き機能します。

次のページ