2012-01-09 11 views
1

私が読んで試したことから、CSSだけで色定数を作成することはできません。ASP.NET MVC3:CSSで色定数を作成する

明らかに、定数を使用してサーバー側を生成する必要があります。

ブランドに応じて、使いたい色のセットが2つあります。しかし、私はスタイルシートを差別化したくありません。変更は何でも入れてください(これはまだ開発中です)。

ですから、基本的には、色定数を定義する方法が必要です。mybeには、その周りにIfステートメントがありますか?

だから例えば:

if (Setting1) 
{ 
    color1 = #123534 
    color2 = #223534 
} 
else 
{ 
    color1 = #553231 
    color1 = #653231 
} 

とスタイルシートで、私は簡単にそれを呼び出すことができます。

background-color = color1 

EDIT:は答えの一つに従い、使用して、http://www.dotlesscss.org/

私は今、次のようにリンクされたスタイルシートを持っている:

<link type="text/css" href="@Url.Content("~/Content/Site.less")" rel="stylesheet" /> 

アイブ氏はdotless.coreライブラリをインポートしました。すべてのWebconfigリファレンスを追加しました。 。

http://www.dotlesscss.org/<dotless minifyCss="false" cache="true" />除き(オプションとそれがどこに行くかわからない)私が間違ってやっていること

答えて

4

私はこれは素晴らしい作品と簡単にnugetパッケージとしてインストール

dot.lessのようなものを使用して見ますちょうど私は何をすることは、定義された定数を意味し、メインファイルをインポートする定数でベースファイルを作成することです

定数よりも

あなたもそんなに多くを得ます。次に、MVCビューで、設定に応じてベースファイルを選択します。

@Color1: #fff; 
@Color2: #000; 

/* import main css */ 
@import "main.less"; 
+0

インストール後、メインページでIveは1,2,3,5のステップを完了しました。彼らはまっすぐだった..しかし、ステップ4のために、私は2番目の部分 'がどこに行くのか知りません。それはオプションですが、私のスタイルシートがうまくいかない理由はわかりません。 – Doomsknight

+1

はオプションです。インストールにNugetを使用しませんでしたか?それははるかに簡単です。スタイルシートのURLを直接開いて、エラーが発生していないかどうかを確認することをおすすめします。最も可能性の高いことは、あなたが無能なファイルを提供していないことです。 http://bob.yexley.net/tag/less-css/ – Richard

+0

のMIMEタイプを追加してみてください。Will Nugetもすべての設定変更を行いますか? :) Nugetをインストールするにはどうすればいいですか? – Doomsknight

0

また、サスを言及する価値がある - ルビーが必要とされていないので、あなたは、サスとローカルCSSをコンパイルすることができますhttp://sass-lang.com/

注意。

1

MVC(および剃刀)の伝統を守りたいなら、hereはNuGetで利用できる興味深いプロジェクトです。

+0

私はコンセプトが気に入っていますが、キャッシュされているとは見えませんが、代わりにそれぞれの呼び出しで再生成されます。だから、それほど効果的ではないでしょう。しかし、ありがとう。私はコントローラで認識された「かみそり」を得ることができません。 – Doomsknight

+1

@Doomsknightはい、ちょっと別のオプションです。分散のために異なるCSSクラススタイルを定義し、それらをUIエレメントに割り当てるのはもっと理にかなっています...ちょっとCSSが使われるようになっていました。 :) – rfmodulator

関連する問題