медиа-запросы в Yahoo Pure CSS

Я работаю над созданием своего сайта с использованием модулей Yahoo Pure CSS (http://purecss.io/). Мне это очень нравится. Одна вещь, которую я не понимаю, это то, как в нее вписываются медиа-запросы. Вот что написано на странице их сетки:

Медиа-запросы по умолчанию

При использовании адаптивных сеток вы можете контролировать поведение сетки в определенных контрольных точках, добавляя имена классов. Адаптивные сетки Pure по умолчанию поставляются со следующими именами классов и точками останова медиа-запросов. введите здесь описание изображения

Поэтому я хочу добавить некоторую пользовательскую обработку в точке останова «xl». Как я могу это сделать? Кроме того, как мне узнать, в какой класс поместить мой контент? Раньше я использовал медиа-запросы. Я просто не могу уложить в голове, как они это сделали здесь.


person dmikester1    schedule 27.10.2014    source источник


Ответы (1)


Привет, я сам использую чистый, потому что бутстрап скучный и раздутый, почему бы не попробовать что-то из коробки ... точка останова проста в запросе xl, поместите ваш класс css в чистую сетку, даже если все они могут быть сломаны, так что скажем. боковая панель, которую вы хотите, чтобы она ушла на место xl, которое там есть ... вы также можете настроить точку останова на своем сайте для другого размера экрана, если это то, что вы ищете. Я надеюсь, что это поможет... но я не уверен, что вы используете WordPress, но моя тема purecss wp скоро будет доступна для разработчиков и дизайнеров!

person Spazlport    schedule 04.11.2014
comment
Вы должны отформатировать свой ответ. Это беспорядок читать это так - person nakib; 04.11.2014