ブレイクポイント

モバイルファーストブレイクポイントを採用しています。デジタル庁デザインシステムに存在(する) していたブレイクポイントの実装と開発の利便性向上のためのブレイクポイントの２種類を提供しています。

コンポーネントブレイクポイント

デジタル庁デザインシステム1.4.3のレイアウトで定義されているブレイクポイントで、AsagaoUIでは主にコンポーネントのモバイル・タブレットとデスクトップの切り替えに使用しています。このブレイクポイントは内部で自動的に適用されます。

scss/styles/_breakpoint.scssで定義されています。

デバイス	ビューポートの範囲
モバイル・タブレット	<768px
デスクトップ	>=768px

主に使用されている部分は、.h1,.h2クラスを指定したときのフォントサイズや、バナーのpaddingなどです。

コンポーネントブレイクポイントでは様々なデバイスのビューポートに効率的に対応できないため、利便性の向上のために用意されたブレイクポイントです。 d-md-noneのようにレイアウトブレイクポイントを含めることで利用できます。

scss/utilities/_breakpoint.scssで定義されています。