bootstrap 4 カスタムカラー追加後にコンパイル方法

https://getbootstrap.com/ から最新のVer4 のソースをダウンロード&保存&解凍
bootstrap.scss のが含まれているディレクトリをターミナルから指定
ターミナルで cd とタイピングしマックの場合はFinderの指定ディレクトリをドラッグすれば楽
新しいファイルをひらき、customcolor.scss と命名(ファイル名は何でもいい)
以下をコピペ
# ここから
$cBlack:#000000;
$cRed:#ff0000;
$cBlue:#0000ff;
$cGreen:#008000;
$cYellow:#ffff00;
$cSilver:#c0c0c0;
$cGray:#808080;
$cWhite:#ffffff;
$theme-colors: (
“cBlack”: $cBlack,
“cRed”: $cRed,
“cBlue”: $cBlue,
“cGreen”: $cGreen,
“cYellow”: $cYellow,
“cSilver”: $cSilver,
“cGray”: $cGray,
“cWhite”: $cWhite
);
@import “bootstrap.scss”;
# ここまで
ターミナルから sass customcolor.scss:bootstrap.css –style compressed とすると、追加した色をふくめた全てのbootstrap が同じディレクトリに保存される。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です