CSSエラーコンパイル

Question

私はOceanGrownFin.comのウェブサイトをプログラミングする際に問題があります。あなたがサイトをスクロールすると、私が問題を抱えている3つのセクションは、イベントのためのCSSの背景、私のビデオポップアウト、そして私のtwitterフィードです。これらのそれぞれについて、私は.lessファイルに入り、私が使用しようとしていた画像を指していましたが、何らかの理由でそれが表示されていません。例：

.cbx-event { 
    background: url(/assets/img/shows_bg.png)no-repeat center fixed; 
    -webkit-background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    color: #ffffff; 
    .cbx-inner { 
     .bg-rgba(@black-color, 0.8); 
     padding: 11rem 0 11.4rem; 
    } 

    .cbx-heading { 
     h2 { 
      i { 
       color: @white-color; 
       span { 
        background: @white-color; 
       } 
      } 

     } 
    } 

これは、私のevent.lessファイルで使用されているコードです。私はKoalaとWinLESSを使ってこれらの無限のファイルをコンパイルする必要があると言われました。どちらのプログラムでも、コンパイルしようとするとこのエラーが発生します：

C：\ Users ......... \ themeforest-17690374-musix-music-band-html-template \ ogf \ assets \ less \ event.less NameError：変数@colorはC：\ Users \ royal \ Desktop \ OG FIN WEB \ themeforest-17690374-musix-music-band-html-template \ ogf \ assets \ less \ eventで定義されていません。以下：14：これはあまり詳細であれば17

13  .cbx-inner { 
14   .bg-rgba(@black-color, 0.8); 
15   padding: 11rem 0 11.4rem; 

申し訳ありませんが、私はちょうど私が私が持っているすべての情報を置くことを確認しようとしています。私はHTMLに精通していますが、私は素晴らしいコーダーではないので、非常に単純なものかもしれません。

Answer 1

エラーに記載されており、ここで説明されている通りhttp://lesscss.org/あなたは変数を定義する必要があります。

@black-color: #000000; 
@white-color: #FFFFFF; 

をそしてコンパイルしよう：あなたのスタイルの前にそう

、ファイルの先頭で、または他のすべての前に、あなたがロードする変数/インポート、それを持つ別のファイルで、このような色を定義しますファイル。