// ========================================
// mixin ミックスイン
// ========================================

/* media query
====================================== */
@mixin mq-up($breakpoint: 'm') {
  @media (min-width: map-get($breakpoint-up, $breakpoint)) {
    @content;
  }
}
@mixin mq-down($breakpoint: 'm') {
  @media (max-width: map-get($breakpoint-down, $breakpoint)) {
    @content;
  }
}

/* font-size フォントサイズのrem表示用
====================================== */
@mixin font($size: strip-unit($font-size-default), $lh: null) {
  font-size: $size + px;
  font-size: math.div($size, strip-unit($font-size-default)) * 1rem;
  @if $lh != null {
    line-height: $lh / $size;
  }
}

/* font-weight フォントの太さの指定用
====================================== */
@mixin font-weight ($weight: 'Regular') {
  $weight_list: 'Thin', 'ExtraLight', 'Light', 'Regular', 'Medium', 'SemiBold', 'Bold', 'ExtraBold', 'Black';
  $weight_list_lower: 'thin', 'extraLight', 'light', 'regular', 'medium', 'semibold', 'bold', 'extrabold', 'black';
  $index: index($weight_list, $weight);
	@if $index == null {
		$index: index($weight_list_lower, $weight);
  }
	@if $index != null {
		font-weight: $index * 100;
  }
}