Будет ли amp-story полностью работать с Normalize.css и Basscss?

Будет ли amp-story полностью работать с Normalize.css и Basscss? Я спрашиваю, потому что AMP Start построен поверх этих двух существующих проектов с открытым исходным кодом:

https://www.ampstart.com/howitworks

Normalize.css

Normalize.css позволяет браузерам отображать все элементы более согласованно и в соответствии с современными стандартами. Он точно нацелен только на стили, которые нужно нормализовать. Это обеспечивает четкое определение четких и согласованных стилей AMP Start для всех устройств.

Basscss

AMP start построен с использованием Basscss, низкоуровневого инструментария CSS. Basscss - это очень легкий набор инструментов, который предоставляет множество классов CSS-утилит, которые помогают нам делать такие вещи, как макеты, адаптивные гриды и т. Д., Без необходимости писать какие-либо собственные CSS.

Basscss был изощренным и отзывчивым, что было важно для AMP Start. Мы использовали Basscss в качестве основы (без надстроек), но мы удалили все экземпляры "! Important" из правил CSS, потому что "! Important" несовместимо с AMP. Используя существующие классы Basscss, мы смогли написать намного меньше CSS и по-прежнему создавать великолепно выглядящие страницы, даже с ограничением CSS на 50 Кб AMP.

Вдобавок к фундаменту, предоставленному этими двумя проектами, мы добавили в CSS набор более самоуверенных стилей, чтобы компоненты и шаблоны унаследовали согласованный внешний вид AMP Start.

В общем, CSS занимает менее половины квоты в 50 КБ в AMP, поэтому у вас должно быть достаточно места для настройки ваших страниц с помощью классов Basscss и AMP Start.

1 ответ

Решение

Да, оба они приводят к простому CSS, который можно использовать в amp-story. Как и все документы AMP, CSS должен быть встроен в <style amp-custom> блок.

См. Раздел "Добавление стилей на страницу" в документации по стилю и макету AMP.

Другие вопросы по тегам