// Line Height
@function line-height($height, $font-size) {
  @return $height / $font-size;
}

// Font Size
@function rem($font-size) {
  @return ($font-size / 20) + rem;
}

// Media Query
$grid-small: 640px;
$grid-medium: 960px;
$grid-large: 1200px;
$grid-wide-screen: 1600px;

$small-down: 'small-down';
$small-up: 'small-up';
$small: 'small';
$medium-down: 'medium-down';
$medium-up: 'medium-up';
$medium: 'medium';
$large-down: 'large-down';
$large-up: 'large-up';
$large: 'large';
$wide: 'wide';

$grid-breakpoints: (
  $small-down: '(max-width: #{$grid-small - 1})', // < 639
  $small-up: '(min-width: #{$grid-small})', // > 640
  $small: '(min-width: #{$grid-small}) and (max-width: #{$grid-medium - 1})', // 640 - 959
  $medium-down: '(max-width: #{$grid-medium - 1})', // < 959
  $medium-up: '(min-width: #{$grid-medium})', // > 960
  $medium: '(min-width: #{$grid-medium}) and (max-width: #{$grid-large - 1})', // 960 - 1199
  $large-down: '(max-width: #{$grid-large - 1})', // < 1199
  $large-up: '(min-width: #{$grid-large})', // > 1200
  $large: '(min-width: #{$grid-large}) and (max-width: #{$grid-wide-screen - 1})', // 1200 - 1599
  $wide: '(min-width: #{$grid-wide-screen})', // > 1600
);

@mixin media-query($media-query) {
  @each $key, $value in $grid-breakpoints {
    @if ( $key == $media-query ) {
      @media #{$value} {
        @content
      }
    }
  }
}

// Transition
$transition-timing-function: cubic-bezier(.645,.045,.355,1);

// Colors
$body-text-color: #454545;
$body-light-text-color: #999;
$body-dark-text-color: #1a1a1a;
$background-color: #fff;
$background-light-color: #f7f7f7;
$special-color: #f66060;
$border-color: #e5e5e5;
$border-dark-color: #1a1a1a;
$content-link-color: #fcd2d2;
$input-placeholder-color: #bfbfbf;
$button-background-color: #1a1a1a;
$button-text-color: #fff;

// Font
$font-size: 16;
$small-font-size: 14;
$font-weight: 400;
$line-height: 1.8;
$body-font-family: 'Crimson Text';
$heading-font-family: 'Poppins';
$button-font-family: 'Poppins';