米Googleは、TypeScriptベースのフロントエンドWebアプリケーションフレームワークAngularにおける、最新のCSSサポート状況について、11月17日（現地時間）付の公式ブログ投稿にて解説している。
同記事によれば、「Angular Material 12」では、Angular Material Sassスタイルのすべてのインポートに対して@importから@useへの移行が行われた。
「Angular 13」では、Internet Explorer 11のサポートが廃止され、CSSグリッドやCSS論理プロパティ、calc()、::hoverといったモダンWebスタイルが利用可能となっている。
さらに、IE11のサポート廃止によって、CSS変数（CSSカスタムプロパティ）がサポートされ、開発者がスタイルをカスタマイズするためのAPIサーフェスを定義できるようになった。また、CSS変数を使用することで、開発者はCSSオーバーライドおよび::ng-deepから移行できるようになったほか、Angular Materialコンポーネントのさらなる個別化を実現している。
「Angular 12」では、AngularコンポーネントでインラインSassを使用するオプションが導入されており、CLIではinlineStyleLanguageオプションが用意され、Angularコンポーネントから直接Sassをコンパイルしてスタイリングできる。また、「Angular 11.2」ではAngular CLIでTailwindCSS PostCSSを実行するためのネイティブサポートが追加された。
- 関連リンク
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
