Bootstrap 5

[shibafu528]

branch bootstrap5 で作業中。

ここ を見ながらやっていく感じになる？まだalphaだからどうなるか分からない。

• [x] xxl breakpointが追加された影響で、最大containerサイズが引き上げられた
  • :hammer_and_wrench: 一旦現状維持でSCSS変数オーバーライド、別に大きくしても不都合はそんな無さそうなのでまた考えなおす
• [x] aタグから text-decoration: none; が削除された
  • .text-decoration-none を付ける必要がある
  • :hammer_and_wrench: いったん全てのaタグに当ててみて、たぶんダメな所が出てくると思うので考えなおす
• [ ] a:hover から text-decoration: underline; が削除された
  • 上の件も踏まえると、現状通りにしたいならいい感じにホバー時だけunderlineかけるクラス作れという感じになる
• [ ] Removed badge’s hover and focus styles for a.badge and button.badge.
  • この影響でタグリンクをホバーするとひどい感じになる
• [ ] .form-group .form-row .form-inline 廃止
  • レイアウトが崩れた、たぶん .row とか使って直す感じになる
• [ ] .form-group-prepend .form-group-append 廃止
  • 検索ボックスとかで顕著、結合しなくなってる
• [ ] jQuery依存廃止に伴うJS書き換え
  • @types/bootstrap 待ちなところはある
  • 互換コードが入っているので、このままでも動くらしい

[eai04191]

https://github.com/twbs/bootstrap/releases/tag/v5.0.0 🥳 5.0リリースされました 🎉