@function strip-unit($value) {
  @return $value / ($value * 0 + 1);
}

@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
  $u1: unit($min-vw);
  $u2: unit($max-vw);
  $u3: unit($min-font-size);
  $u4: unit($max-font-size);

  @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
    & {
      font-size: $min-font-size;
      @media screen and (min-width: $min-vw) {
        font-size: calc(
          #{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} *
            ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)})
        );
      }
      @media screen and (min-width: $max-vw) {
        font-size: $max-font-size;
      }
    }
  }
}

$mobile_view: 481px;

$min_width: 320px;
$max_width: 1200px;
$min_font: 14px;
$max_font: 20px;

$so-small: 10px;
$very-small: 12px;
$small: 14px;
$standard: 16px;
$big: 18px;
$big-extra: 20px;
$large: 24px;
$very-large: 28px;
$super-large: 30px;
$fontsize-15: 15px;

//$aside_width: 296px;
$aside_width: 300px;

$mod_1: 1.2; // mobile
$mod_2: 1.5; // desktop



// Weights
$light-weight: 300;
$regular-weight: 400;
$medium-weight: 500;
$semi-bold-weight: 600;
$bold-weight: 700;

// This applies from 600px onwards
$desktop-margin-left: 92px;
$tablet-margin-left: 32px;
$mobile-margin-left: 16px;

$comment-block-width: 420px;


$btn-fixed-width:  160px;