Модульная компоновка

Выберите модули, которые вам нужны.

Свертки

Накопительные пакеты состоят из всех модулей Pure. Доступны два накопительных пакета - обычный (отзывчивый) и неотзывчивый. Выберите тот, который подходит для вашего проекта.

Имя URL Размер (gzip)
Адаптивный накопительный пакет https://unpkg.com/purecss@ 2.0.5 /build/pure-min.css 3,7 КБ
Не отвечающий накопительный пакет https://unpkg.com/purecss@ 2.0.5 /build/pure-nr-min.css 3,5 КБ

Альтернативные CDN

Основным хостом Pure является unpkg CDN, где Pure доступен по HTTPS. В следующей таблице перечислены альтернативные сети CDN, в которых размещается Pure.

CDN URL HTTPS Комбо
cdnjs //cdnjs.cloudflare.com/ajax/libs/pure/2.0.5/build/pure-min.css да да
KeyCDN //opensource.keycdn.com/pure/2.0.5/pure-min.css да Нет
OSS MaxCDN //oss.maxcdn.com/libs/pure/2.0.5/pure-min.css да Нет
RawGit //cdn.rawgit.com/pure-css/pure-release/v2.0.5/pure-min.css да Нет
Статический файл //cdn.staticfile.org/pure/2.0.5/pure-min.css да Нет

Примечание. Если последней версии Pure еще нет на одной из альтернативных сетей CDN, свяжитесь с ними, чтобы обновить Pure: 2.0.5 до последней версии .

Индивидуальные модули

Вы также можете вставить следующие модули по отдельности.

Имя URL
Основа https://unpkg.com/purecss@ 2.0.5 /build/base-min.css
Кнопки https://unpkg.com/purecss@ 2.0.5 /build/buttons-min.css
Формы (адаптивные) https://unpkg.com/purecss@ 2.0.5 /build/forms-min.css
Формы (неадаптивные) https://unpkg.com/purecss@ 2.0.5 /build/forms-nr-min.css
Сетки(неадаптивные) https://unpkg.com/purecss@ 2.0.5 /build/grids-min.css
Сетки (адаптивные) https://unpkg.com/purecss@ 2.0.5 /build/grids-responsive-min.css
Меню (адаптивные) https://unpkg.com/purecss@ 2.0.5 /build/menus-min.css
Таблицы https://unpkg.com/purecss@ 2.0.5 /build/tables-min.css

Комбо-обработка

jsDelivr - это CDN, поддерживающий обработку комбо. Вот пример комбинированного URL-адреса, который включает те же CSS Base , Grids и Forms, что и выше.

<link rel="stylesheet" href="//cdn.jsdelivr.net/combine/npm/purecss@2.0.5/build/base-min.css,npm/purecss@2.0.5/build/grids-min.css,npm/purecss@2.0.5/build/forms-min.css" />

См. Документацию по комбинированному обработчику jsDelivr, чтобы узнать больше о его функциях.

Использование Pure с Google AMP

Ускоренные мобильные страницы (AMP) Google позволяют предварительно отрисовывать веб-страницы в Google за счет ограничений на JS и CSS , таких как полное встраивание всех стилей вместо использования таблиц стилей во внешних файлах, таких как те, которые размещены в упомянутых выше CDN.

Кроме того, AMP запрещает некоторые функции CSS. В Pure единственный бит, который в настоящее время запрещен AMP, - это '! Important', который в настоящее время используется в определении вспомогательного класса '.hidden'. Удаление этого модификатора должно быть достаточным, чтобы сделать Pure пригодным для использования с AMP.

Добавить на GitHub

Pure - это проект с открытым исходным кодом под лицензией BSD. Мы приветствуем проблемы, запросы на вытягивание и отзывы. Посмотрите наше репо на GitHub .