Optymalizacja kodu

TO
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 72
0

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

Kopiuj
.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;
    }
}
Freja Draco
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 3394
3

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

Bartosz Wójcik
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 439
1

Kliknij sobie w SCSS @mixin-a :)

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.