Sass ブログ
9ページ中6ページ目
-
機能ウォッチ:CSSインポートとCSS互換性
投稿日:2018年8月13日 Natalie Weizenbaum
Dart Sass 1.11がリリースされたばかりで、いくつかの新機能が搭載されています。これはエキサイティングな瞬間です。なぜなら、Dart Sassがリリースされて以来、言語に追加された最初の主要な新機能であるからです。また、提案からテスト、実装まで、新しいプロセスを経た最初のリリースでもあります。
CSSインポートCSSインポートのパーマリンク
Dart Sass 1.11の最大の機能は、プレーンなCSSファイルのインポートのサポートです。これは長らく待ち望まれていた機能であり、当初は今後のモジュールシステムのリリースまで待つ予定でしたが、早期に実装することにしました。
@import "styles"
と記述するだけで、styles.css
のようなCSSファイルをインポートできるようになりました。そのファイルはプレーンなCSSとして解析されるため、変数やmixin、補間などのSass機能は許可されません。定義されたCSSはスタイルシートの一部となり、他のスタイルと同様に@extend
できます。いくつか…
-
コメント募集:CSSファイルのインポート
投稿日:2018年7月9日 Natalie Weizenbaum
Dart Sassが使いやすさの面でRuby Sassに追いつくにつれて、言語に新機能を追加する作業を開始しています。最初に着手している機能は、ユーザーから長らく要望されていた、
.scss
に名前を変更することなくプレーンなCSSファイルをインポートできるようにすることです。これは非常に便利であると期待されるだけでなく、すでにLibSassで部分的に実装されているため、実装をより一致させるのに役立ちます。また、この機能で新しいプロセスを試しています。異なる実装の動作を同期させるために、コードを書く前に機能の散文仕様から始めることにしました。また、Sassコミュニティの皆さんからのフィードバックを求める機会としても捉えています。フィードバックに基づいて改訂する機会があるうちに、新機能についての考えを聞きたいと思っています。
背景背景のパーマリンク
歴史的に、Sassの参照実装(最初はRuby Sass、次にDart Sass)は、インポートをサポートしていたのは…
-
Ruby Sassは非推奨です
投稿日:2018年4月2日 Natalie Weizenbaum
Dart Sass 1.0.0 stableの先週のリリースにより、Ruby Sassは正式に非推奨となりました。今後1年間は保守を続けますが、2019年3月26日を迎えると、正式なサポート終了となります。すべてのユーザーは、早めに移行を開始することをお勧めします。
非推奨期間非推奨期間のパーマリンク
今後1年間、私はRuby Sassの作業を限定的に続けます。報告されたバグは、軽微なものや、今後1年間で実用上の問題を引き起こす可能性が低いと判断される場合を除き、トリアージして修正します。また、Sassパーサーやその他の言語部分の変更が必要となる新しいCSS機能のサポートも追加します。
ただし、CSSサポートに必要でない言語機能については対応しません。最新の機能は、今後、Dart SassとLibSassでのみ提供されます。
また、新しいRuby Sass機能のプルリクエストは受け付けません。プルリクエストは素晴らしい…
-
Dart Sass 1.0.0がリリースされました
投稿日:2018年3月26日 Natalie Weizenbaum
Dart Sass 1.0.0の最初の安定版をGitHub、npm、Chocolatey、Homebrew、pubにアップロードしました。ほぼ2年間取り組んできた結果、安定版がリリースされ、実際のアプリケーションで正式に使用できるようになったことを嬉しく思います。実装言語としてDartを選んだすべての理由が実を結びました。Dart SassはRuby Sassよりもはるかに高速であり、オペレーティングシステムや言語環境全体で利用可能にするのがはるかに容易であり、はるかに保守性が高いです。
1.0.0安定版は、Dart Sassがsass-specテストスイートで定義されているSass言語と完全に互換性があり、npmパッケージがNode Sass APIと互換性があることを示しています。ただし、ソースマップサポートは近日公開予定です。
sass-lang.comも更新してDart Sassに対応させました。リリースバーには、3つの主要な実装すべての最新バージョンと、リリースノートへのリンク、およびそれぞれに関するドキュメントが表示されるようになりました。インストールページでは…
-
Sass 3.5がリリースされました
投稿日:2017年7月7日 Natalie Weizenbaum
Sass 3.5の安定版をリリースしたことを発表します。このリリースは、新しいCSS構文との互換性に焦点を当てており、今後のモジュールシステムとDart Sassとの互換性のための基盤を築くのに役立ちます。
3.5の主要な機能のほとんどはすでにリリース候補に含まれており、こちらで読むことができます。しかし、その後に追加された他のいくつかの変更があります。
-
Sassは、セレクターの引数を拡張するなど、
::slotted()
疑似要素をサポートするようになりました。 -
var()
関数を、CSSカラー関数rgb()
、rgba()
、hsl()
、およびhsla()
に安全に渡すことができます。 -
Sassのカラー関数によって作成された透明色は、Internet Explorerのバグを回避するために、
transparent
ではなくrgba(0, 0, 0, 0)
として書き込まれるようになりました。ドキュメントにtransparent
として記述された色は、記述されたとおりに出力されます。
Dart Sassとの互換性Dart Sassとの互換性のパーマリンク
先月書いたように、Ruby SassとDart Sassの互換性を維持する計画について…
-