对_settings.scss的更改未显示

时间:2014-10-15 18:44:16

标签: web sass zurb-foundation compass-sass

_settings.scss所做的更改似乎没有生效。我在项目上运行compass watch,可以看到它已经通知了所做的更改。

让我举一个例子: 如果我取消注释并更改该行

// $crumb-slash: "/";

$crumb-slash: "-";

their docs所示,然后在我的html中使用面包屑,例如

<nav class="breadcrumbs" role="menubar" aria-label="breadcrumbs">
  <li role="menuitem"><a href="#">foo</a></li>
  <li role="menuitem" class="current"><a href="#">bar</a></li>
</nav>

我仍然会看到斜线而不是破折号。

我是否需要执行任何操作才能启用_settings.scss

修改

另外值得一提的是,我从罗盘中获得了关于_global.scss中的行的弃用警告。

1 个答案:

答案 0 :(得分:0)

好像你有一些奇怪的HTML。在里面你不必使用

  • ,所以试试这样的HTML:

    <nav class="breadcrumbs"> 
      <a href="#">Home</a> 
      <a href="#">Features</a> 
      <a class="unavailable" href="#">Gene Splicing</a> 
      <a class="current" href="#">Cloning</a> 
    </nav>
    

    我刚刚在源代码中看到了基础/ components / _breadcrumbs.scss中的斜线,斜线在一行中被硬编码:

    /* Accessibility - hides the forward slash */
    [aria-label="breadcrumbs"] [aria-hidden="true"]:after {
      content: "/";
      }
    

    这可能会给你带来麻烦吗?也许是一个错误?