【问题标题】:Font Awesome SASS with Omega 4 Drupal带有 Omega 4 Drupal 的字体真棒 SASS
【发布时间】:2014-03-03 17:23:57
【问题描述】:

我在 Drupal 7 的 Omega 4 子主题中运行 Font Awesome 时遇到问题。

我已经按如下方式安装了 Font Awesome Sass:

1) 将 gem 'font-awesome-sass' 添加到项目 Gemfile 中,使其看起来像这样:

source 'https://rubygems.org'

group :development do

  # Sass, Compass and extensions.
  ..
  ..
  gem 'font-awesome-sass'
  ..
  ..

end

2) 我确实去了终端中的子主题文件夹,然后:

$ bundle

完成后,我确实收到了以下回复:

Resolving dependencies...
...
...
Using font-awesome-sass (4.0.2)
...
...
Your bundle is complete!
Use `bundle show [gemname]` to see where a bundled gem is installed.

在我看来一切都很顺利 - 完全没有错误。

我添加了@import "font-awesome"

到 [THEME-NAME].styles.scss 如下:

// Import external libraries.
@import "compass";
@import "breakpoint";
@import "singularitygs";
@import "toolkit-no-css";
@import "font-awesome";

一旦我运行 $ drush omega-guard 我会得到以下输出(包括错误)

    error sass/[THEME-NAME].no-query.scss (Line 6 of sass/[THEME-NAME].styles.scss: File to import not found or unreadable: font-awesome.
Load paths:
  /Users/[USER]/Sites/drupal/sites/all/themes/[THEME-NAME]/sass
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-0.12.2/frameworks/blueprint/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-0.12.2/frameworks/compass/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-normalize-1.4.3/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-rgbapng-0.2.1/lib/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/breakpoint-2.0.7/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/singularitygs-1.1.2/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-blend-modes-0.0.2/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/color-schemer-0.2.7/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/toolkit-1.3.8/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/susy-1.0.9/sass
  /Users/[USER]/Sites/drupal/sites/all/themes/[THEME-NAME]/sass
  Compass::SpriteImporter
  Sass::Globbing::Importer)
    error sass/[THEME-NAME].styles.scss (Line 6: File to import not found or unreadable: font-awesome.
Load paths:
  /Users/[USER]/Sites/drupal/sites/all/themes/[THEME-NAME]/sass
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-0.12.2/frameworks/blueprint/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-0.12.2/frameworks/compass/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-normalize-1.4.3/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-rgbapng-0.2.1/lib/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/breakpoint-2.0.7/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/singularitygs-1.1.2/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/compass-blend-modes-0.0.2/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/color-schemer-0.2.7/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/toolkit-1.3.8/stylesheets
  /Users/[USER]/.rvm/gems/ruby-1.9.3-p484@global/gems/susy-1.0.9/sass
  /Users/[USER]/Sites/drupal/sites/all/themes/[THEME-NAME]/sass
  Compass::SpriteImporter
  Sass::Globbing::Importer)
Compilation took 2.234s
16:06:45 - INFO - Guard::Compass is waiting to compile your stylesheets.
16:06:45 - INFO - LiveReload is waiting for a browser to connect.
16:06:45 - INFO - Guard is now watching at '/Users/[USER]/Sites/drupal/sites/all/themes/[THEME-NAME]'
[1] guard(main)> 16:06:46 - INFO - Browser connected.
16:06:56 - INFO - Browser connected.
16:07:15 - INFO - Browser connected.

我会很感激这方面的任何帮助,因为我真的一无所知,我已经花了一天的时间。

感谢您的宝贵时间!

汤姆

【问题讨论】:

  • 这可能很简单。错误是 ruby​​ 找不到 sass/[THEME-NAME].styles.scss。我猜你已经定义了:[THEME-NAME].styles.scss,从字面上看,在你的一个 *.inc 欧米茄文件中。查找定义的位置(在 theme/theme.info 或 layouts/*.inc 文件中)并将 [THEME-NAME] 替换为您的主题名称。
  • 好吧,也许你混淆了你的主题名。但是,我尝试做同样的事情并且有一个相同的错误。我找到了这张票:github.com/FortAwesome/font-awesome-sass/pull/10 不知道这是否相关?

标签: drupal drupal-7 sass font-awesome


【解决方案1】:

不确定您是否仍然需要回答这个问题,但 SASS gem 仅设计为与 rails 一起使用。要将 Font Awesome 与 Drupal 主题一起使用,请在预处理函数中将其称为 drupal_add_css()。

【讨论】:

    猜你喜欢
    • 2014-12-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-09-12
    • 2018-06-19
    • 2014-07-02
    • 2017-06-22
    相关资源
    最近更新 更多