CSS Modules(CSSモジュール) とは、各CSSクラスを 自動的にユニークなスコープ(名前空間)に変換 することで、スタイルの衝突を防ぐ仕組みです。 たとえば: /* Button.module.css */ .button { background: blue; } React コンポーネントで使用すると: import styles from '.
こんにちは! サイボウズ フロントエンドエキスパートチームの麦島です。 CSS Modern Features、今回取り上げるCSSの機能はCSS Nesting Moduleです。 CSS Nesting Moduleは、CSS定義のネスト (入れ子) 記述を可能とする新しいCSS構文です。CSSのネストはSassやPostCSSといった ...
ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module(グリッドレイアウトモジュール)。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜き ...
Next.jsでコンポーネントごとにスタイルを分けて管理したいときに便利なのが、CSS Modules(CSSモジュール)です。 CSS Modulesとは? CSS Modulesとは、クラス名が自動的に一意(ユニーク)な名前に変換されるCSSの仕組みです。 これにより、複数のコンポーネントで ...