Bootstrap 5

[shibafu528]

branch bootstrap5 で作業中。

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

• xxl breakpointが追加された影響で、最大containerサイズが引き上げられた
  • 🛠️ 一旦現状維持でSCSS変数オーバーライド、別に大きくしても不都合はそんな無さそうなのでまた考えなおす
• aタグから text-decoration: none; が削除された
  • .text-decoration-none を付ける必要がある
  • 🛠️ いったん全ての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リリースされました 🎉