Size

#Table of Contents

• Detail
• Basic
• Media Query
• Important
• Variables
• Mixins
• Sources

#Detail

共通モディファイアでエレメントのサイズを変更するユーティリティ CSS。

#Basic

.is-(value) の形式で利用します。サイズ変更における倍率は Font の値を引き継いでいます。

<button class="button is-plain is-primary" type="button">ボタンA</button>
<button class="button is-outline is-danger" type="button">ボタンB</button>

#Media Query

.is-(mediaquery)-(value) の形式で、Media Query に応じた font-size プロパティの変更を行えます。

#Mobile First

#Size Only

Option の $option-add-style-size-only を true にすると、ウィンドウサイズを限定した font-size プロパティの適応が可能になります。

#Landscape

Option の $option-add-style-size-landscape を true にすると、横向きに限定した font-size プロパティの適応が可能になります。（all 無しは Tablet サイズ以下のみ）

#Portrait

Option の $option-add-style-size-portrait を true にすると、縦向きに限定した font-size プロパティの適応が可能になります。（all 無しは Tablet サイズ以下のみ）

#Browser

Option の $option-add-style-size-browser を true にすると、ブラウザを限定した font-size プロパティの適応が可能になります。

#Important

Option の $option-important-size を true にすると、全プロパティに !important を付与できます。

#Variables

#Mixins

#Sources