@mixin font($color: none, $size: none, $weight: null, $family: none, $type: 'text') {
  @if $color == "black" or $color == "black-light" or $color == "black-lighten" or $color == "black-lightest" or $color == "black-lightness" or $color == "first" or $color == "second" or $color == "third" or $color == "white" or $color == "white-dark" or $color == "white-darken" or $color == "white-darkest" or $color == "white-darkness" {
    @extend .fc-#{$color};
  }
  @else if $color != none {
    color: $color;
  }

  @if $size != none {
    @if $size == xs or $size == sm or $size == md or $size == lg or $size == xl and $type == 'text' {
      @extend .fs-#{$size};
    } @else if $size ==xs or $size == sm or $size == md or $size == lg or $size == xl and $type == 'header' {
      @extend .hs-#{$size};
    } @else {
      font-size: #{$size};
    }
  }

  // Weight
  @if $weight != null {
    @if $weight >= $fontWeightMin and $weight <= $fontWeightMax {
      @extend .fw-#{$weight};
    }
    @else {
      @warn "Girdiğiniz #{$weight} değeri aralık dışındadır"
    }
  }

  // Family
  @if $family == first or $family == second {
    @extend .ff-#{$family};
  }
  @else if $family != none {
    font-family: $family;
  }
}