30_typography.scss

//*E-mail Adresse wird verschlüsselt damit sie nicht zu schnell von Spam-Bots registriert werden*//
span.wmail {
    display: none;
}
span.amail:after {
    content: '@';
}

//*Bildbeschreibung*//
.image-captio

/*Schriftgrössen Skalierung*/

@mixin font-sizes (
$scale_font-size: 1,
$scale_footer: 0.9,
$scale_image-caption: 0.875,

//*$layout1_multiply wir mit der $base_font-size berechnet*//

$layout1_multiply: 1.6875, ->$base_font_size*1.6875
$layout2_multiply: 1.5,
$layout3_multiply: 1.3125,
$layout4_multiply: 1.125,
$layout5_multiply: 1,
$layout6_multiply: 1
) 

Beispiel Variabel:

    h3 {
        $fontSize: floor(($base_font-size*$layout3_multiply*$scale_font-size)*$precision)/$precision;
        $fontSize=Variable Schriftgrösse: floor=um Zahlen auf&abzurunden (($base_font-size=Grundschriftgrösse*$layout3_multiply=Layout 3 Multiplikatior*$scale_font-size= Skalierung der Schrift (1(ab 600px 0.9)))*$precision)/$precision;

        @include calcFontSize($fontSize); =Schriftgrösse wird definiert-> von der Variabel

        + .subtitle {
            @include calcFontSize($fontSize*0.8); Schriftgrösse der Untertitel wird denfiniert-> Vaiabel*0.9
        }
    }

//*Ab einer gewissen Grösse wird die Schrift skaliert*//
@include font-sizes();
@media screen and (max-width: 600px) {
    @include font-sizes(0.9); -> anstat *1 *0.9 = Schrift wird kleiner
}
@media screen and (max-width: 480px) {
    @include font-sizes(0.8);
}