Rails: Почему моя таблица стилей не переопределяет семейство шрифтов? - PullRequest
0 голосов
/ 25 августа 2018

У меня есть 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? Как я могу гарантировать, что мои таблицы стилей сохранятся?

Ответы [ 2 ]

0 голосов
/ 25 августа 2018

"require_tree."требует наличия всех файлов CSS в текущем каталоге, попробуйте удалить эту строку

*= require normalize
*= require skeleton
*= require custom
*= require_self

Кроме того, я думаю, что если вы @import в custom.scss, то вам не нужно добавлять его в манифест конвейера ресурсов, так какпрекомпилятор sass позаботится об этом

*= require normalize
*= require custom
*= require_self

Лично мне не нравится смешивать @ import из scss с декларациями манифеста из конвейера ресурсов, потому что сложнее понять, что и куда помещает код.

0 голосов
/ 25 августа 2018

Простой взлом может быть, переименуйте вашу таблицу стилей в что-то вроде z.css - таким образом, когда таблицы стилей будут загружены в алфавитном порядке, это в конце концов загрузится. Не верный путь, а взлом.

...