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

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

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

npm install foundation-sites --save

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

Моя структура папок выглядит так:

структура папки

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


css sass zurb-foundation grav
person Lenzork    schedule 03.11.2018    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Ваша тема будет содержать части страницы, где вы указываете путь к файлам 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, который поставляется с некоторые интересные вещи, такие как минификация и очистка кеша. Очень полезно!

person Grant    schedule 26.11.2018