Будет ли amp-story полностью работать с Normalize.css и Basscss? - PullRequest
0 голосов
/ 14 октября 2018

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

https://www.ampstart.com/howitworks

Normalize.css

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

Basscss

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

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

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

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

1 Ответ

0 голосов
/ 15 октября 2018

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

См. Раздел «Добавление стилей на страницу» в документации Стиль и макет AMP .

...