У меня есть Skeleton шаблон css в моем приложении. Он живет в app/assets/stylesheets
.
app/assets/stylesheets
├── application.css
├── custom.scss
├── normalize.css
└── skeleton.css
Skeleton использует семейство шрифтов без засечек (с Raleway вверху). Я хочу переопределить это.
Итак, мой пользовательский файл SCSS выглядит так:
@import "skeleton";
body {
font-family: serif;
}
main {
@extend .container;
}
Но шрифт остается без засечек.
Теперь я считаю, что мой пользовательский файл SCSS загружается до Skeleton, потому что без @import "skeleton"
, @extend .container
(.containter
определен в Skeleton) не работает.
Я пытался потребовать custom.scss
последний в application.css
, как это:
*= require_tree .
*= require_self
*= require custom
и вот так со Скелетом и его помощником нормализовать лист:
*= require_tree .
*= require_self
*= require normalize
*= require skeleton
*= require custom
Но все же я обнаружил, что мне нужно импортировать Skeleton в свой файл, и я не могу переопределить семейство шрифтов без использования !important
.
Что происходит? Правильно ли я считаю, что моя пользовательская таблица стилей загружается до Skeleton? Как я могу гарантировать, что мои таблицы стилей сохранятся?