Aspect

アスペクト比を設定するユーティリティ CSS。

Table of Contents

• Basic
• Variables
• Import

Basic

• .is-aspect-{ratio} で縦横比を固定できます
• {ratio} は 16x9 3x2 4x3 1x1 の 4 種類

<div class="box is-aspect-16x9">アスペクト比 16x9</div>

Variables

上書きできる変数は以下の通りです。

/* None */

Import

PostCSS で読み込む場合の各パスは以下となります。

@import "musubii/src/utilities/aspect/main.css";