EGO-LOG

40代2児の父。主にプログラム学習と開発、仮想通貨、メタバース、たまに関係ないことを綴る。

Laravelサイト構築.45 bootstrapで扱える色を増やす

間があきがち。

前回は、カテゴリ別に投稿一覧表示の実装。

 

tenomeuonome.hateblo.jp

 

■テンプレート継承

その後、ページのヘッダ部分など共通部分を何度も記述しなくていいようにbladeで継承とセクションで記述するようにした。

 

■bootstrapで使える色を増やす

デフォルトでbootstrapでは primary, secondary, success・・など8種類ぐらいの色しか使えない。

色の表現パターンが限られるので使える色の種類を増やしたい。

qiita.com

記事は4だけど5でもいけるのかしら・・

 

 

resources\sass\_variables.scss 

↑ファイルに色を記述して、$theme-colorsに追記する。

その後、コマンドラインから

$npm run dev

成功したら色を指定してみる。

あっさりできた。

ボタンが見づらくなっているのでその辺は調整。

 

短いけど終了。

 

やることは溜まってますが、直近は下記かなぁ

  • カテゴリ一覧の表示
  • 投稿への反応(イイネやリプライ)
  • 管理者機能の実装

 

続く