Foundation 6.2 テンプレート カラーバリエーションできました

テンプレート Alert-color イメージ foundation

前回、カラーバリエーションを作ろうか、などと書いた手前、結局作ってしまいました。特別版テンプレートとして8種類の色違いです。

勘のいい方はお気づきだと思いますが、Foundationのカラーパレットを使ったものが5種類です。「primary」、「scondary」、「success」、「warning」、「alert」をそれぞれのエレメントにクラスを付与してやることで、カラーバリエーションが生まれます。背景色は、私のチョイスです。

あとの3種類は、何となく暖色系を目指してみました。

テンプレートスタイル

テンプレートは簡易版の「通常版」と、カスタマイズを進めた「特別版」の2種類ができました。

通常版

こちらは、サイドバー上から無料配布中です。

Foundation テンプレート 配布

特別版

下のカラーバリエーションの図は構成が異なっていますが、こちらの「特別版」でカラーバリエーションを配布すべく準備中です。

Foundationテンプレート特別版イメージ

カラーバリエーションはこちら

Primary-color

テンプレート Primary-color イメージ

Secondary-color

テンプレート Secondary-color イメージ

Success-color

テンプレート Success-color イメージ

Warning-color

テンプレート Warning-color イメージ

Alert-color

テンプレート Alert-color イメージ

Lightpink-color

テンプレート Lightpink-color イメージ

Lightsalmon-color

テンプレート Lightsalmon-color イメージ

Whitesmoke-color

テンプレート Whitesmoke-color イメージ

8種類まとめて有償で配布を検討しています。少し時間をいただきますが期待してお待ちください。

コメント