/*
===
0.2 Configure
===

### Configure

Frontwork CSSの設定ファイルについて説明します。

#### $root-font-family

`html`要素に適用する`font-family`を指定します。

#### $root-font-color

`html`要素に適用する`color`を指定します。

#### $root-background-color

`html`要素に適用する`background-color`を指定します。

#### $root-line-height

`html`要素に適用する`line-height`を指定します。

#### $grid-unit

グリッドシステムのグリッドの数を指定します。

#### $break-point-list

ブレイクポイントをリストの形式で指定します。
単位は`px`とし、昇順で指定します。

#### $container-size-list

コンテナーサイズをブレイクポイントごとにリスト形式で指定します。
例えば、次のように記述します。

```scss
$break-point-list: 768px, 980px;
$container-size-list: 100%, 640px, 820px;

// Result
.l-cn {
  width: 100%;
}

@media (min-width: 768px) {
  .l-cn {
    width: 640px;
  }
}

@media (min-width: 980px) {
  .l-cn {
    width: 820px;
  }
}
```

#### $container-min-size-list

コンテナーサイズの最小値をブレイクポイントごとにリスト形式で指定します。

#### $container-max-size-list

コンテナーサイズの最大値をブレイクポイントごとにリスト形式で指定します。

#### $gatter-size-list

ガターサイズをブレイクポイントごとにリスト形式で指定します。

#### $root-font-size-list

`html`要素に適用する`font-size`をブレイクポイントごとにリスト形式で指定します。

#### $hx-font-size-list

見出し要素に適用する`font-size`をブレイクポイントごとにリスト形式で指定します。

*/

// Frontwork CSS Config

// root font family
$root-font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', YuGothic, 'Yu Gothic', 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif !default;

// root font color
$root-font-color: #333 !default;

// root background color
$root-background-color: #fff !default;

// line height
$root-line-height: 1.6 !default;

// grid system
$grid-unit: 12 !default;

// break point list
$break-point-list: 992px, 1280px !default;

// container size list
$container-size-list: 100%, 90%, 1200px !default;
$container-min-size-list: 0, 960px, 0 !default;
$container-max-size-list: none, none, none !default;

// gatter size list
$gatter-size-list: 12px, 18px, 24px !default;

// font size list
$root-font-size-list: 14px, 18px, 24px !default;

// heading font size list
$h1-font-size-list: 36px, 46px, 64px !default;
$h2-font-size-list: 28px, 42px, 52px !default;
$h3-font-size-list: 24px, 30px, 38px !default;
$h4-font-size-list: 18px, 24px, 30px !default;
$h5-font-size-list: 14px, 18px, 24px !default;
$h6-font-size-list: 12px, 16px, 18px !default;