4programmers.net 4p Forum JavaScript problem z przepisaniem stylu do Material-UI

problem z przepisaniem stylu do Material-UI

problem z przepisaniem stylu do Material-UI
Kiszuriwalilibori
KI
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 81
0

Cześć,
Mam poprawnie działającą regułę CSS

Kopiuj
@media (min-width: 320px) and (max-width: 1441px) {
            font-size: calc(50px + 85 * ((100vw - 320px) / 1120));
        }

Staram sie użyć ją z Material UI przez makeStyle, jednak nie działa — kompiluje się, ale zwraca błąd w konsoli

Kopiuj
'@media (min-width: 320px) and (max-width: 1441px)': {
            fontSize: 'calc(50px + 85 * ((100vw - 320px) / 1120)',
        },

Probowałem usuwać px i jeszcze kilka opcji przećwiczyłem, ale cały czas wali błąd. Jak to powinno wyglądać?

Udostępnij
Komentuj
Xarviel
Xarviel
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 847
1
Kiszuriwalilibori napisał(a):

kompiluje się, ale zwraca błąd w konsoli

Jaki błąd?

Chociaż domyślam się o co może chodzić

Kopiuj
font-size: calc(50px + 85 * ((100vw - 320px) / 1120));
Kopiuj
fontSize:  calc(50px + 85 * ((100vw - 320px) / 1120); <-- brakuje jednego nawiasu )
Udostępnij
Komentuj

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.

Utwórz konto