{**
*
* The classes are named using the format .font-{name} for all breakpoints.
*
* Where name is one of:
*
* first - (by default) Inter 400
* first-bold - (by default) Inter 700
*
* Font families and weights could be redefine by $font-families variable in vars.scss.
*
*}
Inter 400
Inter 700
<pre class="mdl-code">{**
*
* The classes are named using the format .font-{name} for all breakpoints.
*
* Where name is one of:
*
<?php
foreach($fonts as $fontClass => $fontName) {
echo " * {$fontClass} - (by default) {$fontName}\n";
}
?>
*
* Font families and weights could be redefine by $font-families variable in vars.scss.
*
*}</pre>
<br>
<?php
foreach($fonts as $fontClass => $fontName) {
if ($fontIndex > 0) echo "<hr>\n";
echo "<span class='font-{$fontClass}'>{$fontName}</span>\n";
$fontIndex++;
}
?>.font {
@each $name, $family in $font-families {
&-#{$name} {
@include font-family($name);
$weights: nth($family, 2);
@if type-of($weights) == 'map' {
@each $weight, $number in $weights {
&-#{$weight} {
@include font-family($name, $number);
}
}
}
}
}
}