Grav и Foundation SASS, как это работает? - PullRequest
Новая
       11

Grav и Foundation SASS, как это работает?

0 голосов
/ 03 ноября 2018

Я установил Grav (https://getgrav.org/) через composer. Я создал свою собственную тему, чтобы я мог начать с нуля. Но теперь я хочу использовать медиа-запросы (точки останова), flex grid, rem- Функция calc (), форма эквалайзера Foundation Zurb.

Я установил Foundation через командную строку: 

npm install foundation-sites --save

Но сейчас я понятия не имею, как заставить фундамент работать с Grav CMS. Я попытался @import foundation.scss в моем базовом scss (я уже использую компилятор css). Но это не похоже на работу.

Моя структура папок выглядит следующим образом:

структура папок

Foundation-sites находится на карте node_modules. Что мне нужно сделать, чтобы Фонд работал?

1 Ответ

0 голосов
/ 26 ноября 2018

Ваша тема будет содержать партиалы страниц, где вы указываете путь к файлам CSS, созданным с помощью инструментов сборки.

Внутри каталога user есть каталог themes, который содержит ресурсы, такие как файлы CSS и Twig.

На самом деле было бы лучше подумать о сайте и теме Grav отдельно. Скорее всего, вы захотите, чтобы ваши ресурсы Foundation находились внутри темы и создавались оттуда вместе с любой другой конфигурацией темы и чертежами.

Из ссылки на тему, которая создала CSS-файл с чем-то вроде ... 

{% do assets.add('theme://css/dist/styles.css', 101) %}
{{ assets.css() }}

... внутри вашего <head>. Ваш путь сборки может отличаться от css/dist/styles.css, но, надеюсь, вы поняли идею. assets.add позволяет вашим стилям фильтровать через менеджер активов Grav , который включает в себя некоторые интересные вещи, такие как минимизация и очистка кеша. Очень полезно!

...