Question

这是我的小问题。我在rails 4上创建了一个带ruby的网站，当他对heroku进行推送时我做了一些sass和css他说

rake aborted Sass :: SyntaxError: Undefined mixin 'font-face'

然而我看到了什么缺失。

这是我的文件_font.sass

+font-face("logo", font-files("Bira_PERSONAL_USE_ONLY.ttf"))
=logo
 font-family: "logo"

这里叫做_header.sass

.logo
  +logo
  background-color: $green
  width: 187px
  float: left
  text-align: center
  color: $white
  font-size: 36px
  padding: 23px 0px 27px 0px
  text-decoration: none

这里是我的sass import main.css.sass

的文件

@import "compass"
@import "compass/reset"
@import "compass/css3"

@import "base/color"
@import "base/font"
@import "layouts/header"
@import "modules/nav"

css工作我必须在assets.rb初始化器目录中添加一个文件以供我的css工作

file assets.rb

Rails.application.config.assets.precompile += %w( main.css )

这里布局whit css

!!!
%html
  %head
   %title FrenchDev
   = stylesheet_link_tag    'main', media: 'all', 'data-turbolinks-track' => true
   = javascript_include_tag 'application', 'data-turbolinks-track' => true
   = csrf_meta_tags
 %body
  %header
   .container
     %a.logo{href:"/"}
       test

     %nav
       %ul
         %li Home
         %li Projet
         %li Tutoriel
         %li Contact
 = yield

我看不出有什么问题

谢谢

Answer 1

您似乎错过了这一行：

@import "compass/css3/font-face"

应放在此行之前：

+font-face("logo", font-files("Bira_PERSONAL_USE_ONLY.ttf"))

耙子流产了！ Sass :: SyntaxError：未定义的mixin＆＃39; font-face＆＃39;

1 个答案: