13

理想的には、次のように、サイト全体で使用されるすべての色を定義できる 1 つのファイル「colors.styl」をセットアップしたいと考えています。

// --------------- GENERAL VARIABLE DEFINITIONS
$beige        = #F2F2F2
$darkGrey     = #282828
$errorRed     = #B94A48

他のファイルでこれらの変数にアクセスしようとすると、解決された値ではなく変数名が返されます。

body {
  background-color: $beige;

ファイルを順番にコンパイルしているので、colors.styl が他のファイルの前に置かれます。変数は Stylus のファイル間でスコープを失いますか?

4

2 に答える 2

12

すべてのファイルで行う代わりに@import "colors"、次のようにメイン ローダー ファイルを作成することもできます。

 @import "colors"

 @import "styles1"
 @import "styles2"

colors.styl で定義された変数は、styles1.styl と styles2.styl で使用できるようになります。スタイラスからの出力は、すべてのスタイルを含む 1 つの大きな css ファイルになります。

于 2013-03-24T00:26:56.647 に答える
0

はい、変数はファイル間でスコープを失います。

ただし@import color、他のファイルで変数にアクセスできます。

于 2013-03-03T22:04:04.690 に答える