クラスを.LESSの他のクラスにインポートするには

Question

私のプロジェクトでは、無制限に学習し、twittersブートストラップを使用するだけです。

私が書く必要が提出するフォームの緑色のボタンをwhant場合：

<input type="submit" value="submit" class="btn btn-success" /> 

をしかし、私は、inputタグのクラス属性をスキップすることができるようになります。

私はtwitterブートストラップファイルを変更しません。

button, input[type="submit"]{ .btn; .btn-success; } 

をしかし、私はボタンにホバー状態とアクティブ状態を得ることはありませんし、私はこのようにそれを作ってみるならば、私はエラーを取得：：私はこのように私のdefault.lessファイルでそれらをオーバーロードされます

button, input[type="submit"]{/* previus code... */ &:hover{ .btn:hover; }} 

あなたは何を達成しようとしているのか分かります。私はjqueryまたはjavascriptでこれを行うことができますが、私は.less-file whitoutで元のbootsrap-filesに触れることでこれを行うことができます。

Answer 1

ブートストラップCSSを変更せずに可能であるかどうかはわかりません。

ブートストラップCSSはまったく変更できますか？もしそうなら、あなたは.btn:hoverに.btn-hoverクラスを追加することができ、その後、button, input[type="submit"]に：

&:hover { 
    .btn-hover; 
    .btn-success-hover; 
} 

Answer 2

.btnと.btn-成功はクラスです。これらのクラスはbuttons.lessで定義されています。ミックスインからミックスインを呼び出す.buttonBackgroundと呼ばれる。あなたのボタンに、このミックスインを呼び出すことができます。

button, input[type="submit"]{ 
    .buttonBackground(@startColor,@endColor); 
} 

@startColorと@endColorボタン勾配のためのものであり、ホバー状態が@endColorを使用しています。 または、variables.less（btnInfoBackgroundHighlight）の色を自分のものに変更できます。 または使用できます

.btn-success{ 
     &:hover{ 
      background-color: @yourOwnColor; 
     } 
}