Ядро

Используем Normalize.css для кросс-браузерной совместимости.

Ядро

Все модули в Pure CSS построены на базе Normalize.css. Это сделано для кроссбраузерной совместимости. К Normalize.css можно обратиться и отдельно, добавив этот элемент <link> на страницу:

<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/base-min.css">

Немного о Normalize.css

Normalize.css - проект с открытым исходным кодом Николаса Галлахера и Джонатана Нила. По их собственным словам:

Normalize.css - это небольшой CSS-файл, который обеспечивает лучшую совместимость между браузерами при стилизации HTML-элементов по умолчанию. Это современная альтернатива традиционному сбросу CSS, с поддержкой HTML5.

Normalize.css прекрасно документирован, есть и подробный обзор с объяснением отличий от традиционного сброса CSS.

Рекомендуем посмотреть и модуль CSSNormalize от YUI, включающий глобальную нормализацию наряду с контекстной версией. Контекстная версия применяет нормализацию только к тегам, являющимся дочерними для тега с именем класса yui3-normalized.

Дополнения

В дополнение к правилам Normalize.css, базовый модуль Pure содержит некоторые стили, используемые на большинстве веб-сайтов.

Скрытие тегов

Добавьте атрибут hidden к HTML-тегу для его скрытия при помощи display: none !important;

<input type="text" name="phone" hidden>

Вместо этого, для совместимости со старыми версиями IE можно воспользоваться CSS-классом .hidden

<input type="text" name="phone" class="hidden">

Адаптивные изображения

Добавьте класс .pure-img к тегу <img> для придания адаптивности.

<img class="pure-img" src="...">

Выход за рамки Normalize

Normalize.css - прекрасная база для проекта, но ряд HTML-элементов, таких как формы, таблицы и меню, требуют большей стилизации, чем есть в Normalize.

Мы сделали более глубокую CSS-стилизацию таких элементов, в то же время сохраняя эту стилизацию настолько минимальной, чтобы вы могли без труда настроить вид этих тегов самостоятельно. Ознакомьтесь с нашей CSS для Форм, Таблиц и Меню.

Перевод c оригинального сайта purecss.io
© 2017 Aharito