Преобразование Zurb Foundation Flex-Grid в XY-Grid (Sass)

Я реализую сайт, который был разработан для нас, используя макет Flex-Grid от Foundations. Мы действительно собрали всего пару страниц, и прежде чем я начну расширять другие страницы, я бы хотел перейти с Flex-Grid на XY-Grid, поскольку Zurb помечает их Flex-Grid как устаревшие. Мы используем Sass для CSS. Я искал в Интернете руководство по конверсии, но пока не нашел. Мне интересно, может ли кто-нибудь указать мне полезное руководство по переходу для этого прыжка?

Источник

1 ответ

Итак, вы привыкли к гибкой сетке, а затем посмотрите на https://foundation.zurb.com/sites/docs/flex-grid.html против https://foundation.zurb.com/sites/docs/xy-grid.html, не должно быть слишком сложно увидеть сходство.

В качестве альтернативы взгляните на: https://foundation.zurb.com/learn/foundation-6-4-xy-grid.html.

Источник

Я уверен, что к настоящему времени на это есть ответ, видео Zurb University посвящено преобразованию существующего проекта из гибкой сетки в сетку xy.

По сути, вы можете @include обе библиотеки grid в свой scss, чтобы упростить переход без конфликтов, поскольку ни одна из них не использует одинаковые имена классов. После этого вы по сути медленно конвертируете весь пользовательский интерфейс вашего проекта в новые классы сетки xy.

Ссылка на видеоролик Университета Зурба: https://zurb.com/university/lessons/learn-the-flexbox-based-powerhouse-xy-grid

Источник
Другие вопросы по тегам