css-modules

17熱

2答えて

CSS modulesのReact/Webpackアプリでは、自分自身の.scssファイルにモジュール.cardがあり、.cardに表示されるコンテンツが.statという別のモジュールがあります。私は次のことを達成するために必要なものが、「CSS-モジュールの道INT： .card:hover .stat { color: #000; } 私は.statモジュール内.cardを@

8熱

2答えて

webpackでcssnextを使用して1つの変数ファイルを作成できますか？

私は、各反応コンポーネントのためのcssファイルのセットを持つプロジェクトを持っています。私はwebpackとpostcss-cssnextでcss-loader（モジュールを使用）を使用しています。私は単一のvariables.cssが理想的なので、CSSファイル全体で変数を共有できます。私はそのように、それはCSSローダーを通過インポート :root { --gutter-widt

6熱

2答えて

CSSモジュールの構成

私は誰かが私を助けてくれることを望んでいる構図について質問があります。私はSassとreact-css-modulesを使用しています。基本的なボトムレベルのコンポーネントの1つを構成する最善の方法を知りたいと思います。ここでが私たちのコンポーネントです： import React, {PropTypes} from 'react' import cssModules from 'react

0熱

1答えて

CSSローダーでグローバルスタイルシートを使用する方法

bodyやsoのようなタグのスタイルを含むグローバルなCSSをインポートする方法を理解しようとしています。私はcss-loader + style-loaderをテキスト抽出プラグインで使用しています。グローバルセレクタに気付きましたが、global.cssをどこに置いてインポートするべきかわかりませんでした。おかげ

38熱

1答えて

CSSモジュールとWebpackのサス

Webpack、Sass、およびCSSモジュールを使ってしばらくの間プロジェクトを構築しています。通常、私.scssファイルで、私のようなクラスを定義します。 render =() => { const styles = require('./MyStyles.scss'); <div className={ styles.button } /> } 、すべてが世界と良い

15熱

3答えて

CSSモジュール：ファイルのローカルスコープを無効にするにはどうすればよいですか？

新しいReactプロジェクトでCSS Module（Webpack CSSローダーを使用）を使用していますが、うまく機能していても、React SelectのSCSSを取得するのに問題があります。これはlocal classNamesを作成しようとしているからだと思います.JSはreact-selectを認識していません。 .scssファイル全体をインポートする方法はありますが、ローカルではなくグ

1熱

1答えて

なぜ私の色はcss-modulesを使ってオーバーライドされていますか？

css-modulesを使用しているときに私の色が私のCSSでオーバーライドされている理由を理解しようとしています。ここに私のjsxです： let tabLink = className({ [s.selected]: selectTab }); <li className={s.tabs}> <a className={tabLink}>{tab.translation