Если я ничего ее путаю там jss https://cssinjs.org/jss-syntax
подскажи название темы пожалуйста
'@media (...) ': {...}
Гитхабовская тема
Спасибо, теперь немного другая проблемка, когда пишу 2 таких медиазапроса, второй не работает почему то
Не делайте так.
А как делать?
А как лучше?
[theme.breakpoints.down(1024)]: {} [theme.breakpoints.up(1024)]: {}
Ссылайтесь на breakpoints [theme.breakpoints.down("xs")]: { // }, [theme.breakpoints.up("sm")]: { // },
Так тоже не советую=)
Так вроде одно и тоже😅
С ростом проекта разные разрабы будут указывать что захотят. Зачем, когда есть специальные переменные для этого?
а если экзотический случай ?)
А ты в курсе что они возвращают ту же строку? Вопрос про (любые) media запросы, а не про брейкпоинты в теме
ну не все дизайнеры делают как нужно :) что бы привязываться к контрольным точкам. а так я согласен
Я в курсе. Но дизайнер должен придерживаться стандартов. Ну если очень надо - можно и костылить=)
Какой дизайнер, какой костыль? Медиа запросы это не только про ширину экрана. Вот почитай https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
А, ну если так все серьезно, то соррян)
Да, кстати. И theme.breakpoints.down, и theme.breakpoints.up - inclusive, то есть работают не только на размеры меньше/больше указанного, но и на сам указанный размер. В данном случае правильней использовать одну из двух пар: /* 1: theme.breakpoints.down('md') и theme.breakpoints.up('lg') */ /* 2: theme.breakpoints.down('sm') и theme.breakpoints.up('md') */ В твоем случае, down 1023, up 1024. Но лучше так не делать.
Обсуждают сегодня