cssnext

13熱

2答えて

私は現在大きなリアクションアプリを構築しています。 Cssは、私の強みではありませんでした。しかし、現在CSSにはReassでsass/cssNext/inlineスタイルがあります。私は盛り付けでBEMを使用してきましたが、他のアプリケーションも巨大化しているので、それが崩壊し始めます。特に、元のカラースキーム以外のページを "再スキン"または "テーマ"する能力を持っていたとき。 so - 誰

6熱

2答えて

css next variables globalyを使用する

私はpostcssパーサーをhttp://cssnext.ioに設定しました。variables.cssファイルを設定してすべてのテーマ設定を含める方法を見つけようとしています。これまでvariable.css私はこれらの変数を使用したい私の他のファイルなので、@import './variables.css'または同様にインポートしてからのように、そのファイルにそれを使用するよりも、 :roo

3熱

2答えて

PostCSSとWebpackの設定

私は実際には心配しています。なぜなら、私はそのテーマに関して有用なリソースを見つけることができないからです。私は単に私がすでにそうであるように、私の.jsxのファイルと私/パブリックフォルダにそれらを変換し、最終的にエクスポートするために私の.cssファイル、使用後のCSSのプラグインを見たいは、ここに私のウェブパック構成です const path = require('path'); co

2熱

2答えて

react + webpackのCSSモジュールとcssnextカスタムプロパティ

私はちょうど、これらのようなcssnextカスタムプロパティを、反応のCSSモジュールと一緒に使用するのに最適なアプローチになるのだろうかと思っています。モジュール間でこれらを共有する方法はありますか？ :root{ --primary: pink; --fontSize: 1rem; --fullWidth: 100%; --color: red;

0熱

3答えて

divを非表示にするには、Twitterのブートストラップまたはjavascriptを使用する必要がありますか？

私はreactJSを使用しています。小さい画面（div768px）でdivを非表示にしたいと思います。まず方法： { !!isSmallerScreen ? <div className="icon">Icon</div> : <div className="name">Name</div> } 説明：isSmallScreenはブール変数である私はここで2つのオプションがあります。

1熱

1答えて

PostCSS CSSNext webpack 2で@mediaとcolor（）が動作しない

webpack 1から2にプロジェクトをアップグレードしていて、postcss-cssnextでいくつかの奇妙な動作が見られます。次の機能、特にcolor()機能とすべて@mediaクエリはもう機能していません。 webpack 2のwebpack設定は次のようになります。私はここで間違って何をしていますか？ { test: /\.css$/, use: [ {

0熱

1答えて

cssモジュールクラスとboostrapアクティブを混ぜて

私が作業しているプロジェクトでは、postcss（postcss-cssnextとpostcss-include）のCSSモジュールを使用しています。我々はまた、グローバルに提供される依存関係としてブートストラップを持っています。特定のコンポーネントには、ボタン用のカスタムクラスがあります。だから私のボタンは、次のクラスを持っています：btn btn-custom。要件に応じて、アクティブな状