Optymalizacja kodu

Cześć, trochę za dużo powtarzania w tym kodzie. Można to napisać lepiej? Koniecznie musi być zachowany portrait i landscape.

.text1 {
    font: 300 20px/2 $ff-primary;
}

.text2 {
    font: 300 16px/1.5 $ff-primary;
}

.title {
    font: 700 48px/1.2 $ff-secondary;
}

@media screen and (min-width: 600px) and (orientation: portrait) {
    .title {
        font-size: 56px;
    }

    .tex1t {
        font-size: 24px;
    }

    .text2 {
        font-size: 18px;
    }
}

@media screen and (min-width: 960px) and (orientation: landscape) {
    .title {
        font-size: 56px;
    }

    .text1 {
        font-size: 24px;
    }

    .text2 {
        font-size: 18px;
    }
}

Możesz spróbować użyć em rem do relatywnego opisu rozmiaru czcionki i zmieniać tylko px czcionki bazowej.

Kliknij sobie w SCSS @mixin-a :)