Config（設定ファイル）

設定ファイル

各種設定です。
変数で管理しています。

色

Base Colors

色	変数名	値	説明
	`$color__main`	#a2bb60	メインの色です
	`$color__second`	#eb6d58	サブの色です
	`$color__accent`	#94c1c8	アクセントの色です
	`$color__sub`	#0D699C	サブ色です

No Colors

色	変数名	値	説明
	`$color__black`	#515554	黒です
	`$color__grey`	#b0b3b3	グレイです
	`$color__grey--light	#cfd2d2	明るいグレイです
	`$color__grey--dark`	#cfd2d2	暗いグレイです
	`$color__offwhite`	#f4f4f4	オフホワイトです
	`$color__white`	#ffffff	白です

Buton Colors

色	変数名	値	説明
	`$btn-color-default`	#F0F0F0	デフォルトボタン色です
	`$btn-color-primary`	#337ab7	主要のボタン色です
	`$btn-color-success`	#5CB85F	実行するボタン色です
	`$btn-color-info`	#5bc0de	お知らせ等のボタン色です
	`$btn-color-denger`	#f0ad4e	確認のボタン色をです
	`$btn-color-warning`	#d9534f	エラーのボタン色です

Table Colors

色	変数名	値	説明
	`$table-color-border`	#bbbbbb	tableの線の色です
	`$table-color-heading`	#e4e4e4	th色です
	`$table-color-content`	#ffffff	tdの色です

サイズ

Braek Point

変数名	値	説明
`$breakPoint__pc-min`	640	PC表示Min値
`$breakPoint__pc-max`	960	PC表示Max値
`$breakPoint__tab-min`	640	Tablet表示Min値
`$breakPoint__tab-max`	700	Tablet表示Max値
`$breakPoint__sp-min`	320	SP表示Min値
$breakPoint__sp-max`	640	SP表示Max値

Margin

変数名	値
`$mgn__xs`	5
`$mgn__sm`	10
`$mgn__md`	15
`$mgn__n`	20
`$mgn__lg`	30
`$mgn__xl`	40
`$mgn__xxl`	50