@charset "utf-8";

/***********************
*
* 全頁で使うmixin
*
***********************/

/* 
マウスオーバーで明度が変化するボタン
■入力例
@include btn-hover-action(「dark」か「light」,「元となる色」)
*/
@mixin btn-hover-action($action,$color){
	@include transition(all .3s ease);
	background:$color;
	&:hover{
		@if $action == dark{
			background:darken($color,10%);
		}
		@if $action == light{
			background:lighten($color,10%);
		}
		
	}
}