グローバルなCSS変数

• SCSS内で閉じれるものは$color:'red'等をvariables内の各ファイルで定義し、他モジュールでインポートして使用する
• colorMode等で切り替えるものは、--color-background: #3ea8ff;などのcss変数をReactComponentのstyle={}で指定
• variables内で$color_background:var(--color-background)のように読み込んで、それを更に他モジュールから参照する

メディアクエリ

variables内で定義

Loading...

各ファイルで使う

Loading...

絶対パスインポート

• tsconfig.jsonで"baseUrl": "src",を指定してあればscssでもエイリアスが聞く