@charset "UTF-8";

$path: '/assets/fonts/';
$weights: (
   thin: 200,
   light: 300,
   regular: 400,
   medium: 500,
   semibold: 600,
   bold: 700,
   extrabold: 800
);
$formats: (
   woff2: 'woff2',
   woff: 'woff',
   otf: 'trutype'
);

@each $name, $weight in $weights {
   $src: null;

   @each $ext, $type in $formats {
      $src: append(
         $src,
         url(quote($path + 'manrope-' + $name + '.' + $ext))
            format(quote($type)),
         comma
      );
   }

   @font-face {
      font-family: 'Manrope';
      font-style: 'normal';
      font-weight: $weight;
      src: $src;
   }
}