Как я могу настроить специфичные для страницы CSS-файлы в рельсах?
Я использую рельсы, чтобы помочь мне в создании статического сайта. У меня один контроллер pages
, Имеет 4 пары вида действия: home
, team
, work
, а также contact
,
Rails создал pages.css.scss
для меня, но есть элементы на каждой из этих страниц, которые имеют одинаковое имя (то есть class="container" или class="wrapper"), но имеют разные свойства на разных страницах.
Какова лучшая практика для создания таблиц стилей SASS, которые применяются только к определенным страницам.
Один метод, о котором я читал, это использовать content_for
, в котором я создаю таблицы стилей для каждой из этих страниц, и использую content_for
включить их в заголовок каждой отдельной страницы. Есть ли негативы, связанные с этим? Единственное, о чем я могу думать, - это то, что я должен сказать rails прекомпилировать каждый из специфичных для страницы файлов.scss, что утомительно.
2 ответа
Тебе нужно content_for
и нужно ограничить загрузку всего дерева каталогов только теми файлами, которые распространены по всему вашему приложению.
вы можете просто положить
<style></style>
непосредственно в файле просмотра