RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1146019
Accepted
Никита
Никита
Asked:2020-06-26 22:52:15 +0000 UTC2020-06-26 22:52:15 +0000 UTC 2020-06-26 22:52:15 +0000 UTC

Sass 变量不起作用

  • 772

我会解决这个问题:

有一个带有数字和按钮的标题:

<body>
  <header class="header">
    <div class="header-contacts">
      <div class="header-contacts__phone">8 (123) 000-00-00</div>
      <div class="header-contacts__phone">8 (123) 000-00-00</div>
      <button class="header-contacts__button">Заказать звонок</button>
    </div>
  </header>
</body>

样式“style.sass”:

@import: 'header'
@import: 'variable'

标题样式文件“_header.sass”:

.header
  padding-top: 50px
  &-contacts
    display: flex
    justify-content: flex-end
    &__phone
      font-size: 22px
      &__button
        font-size: 14px
        color: $text-color-dark

还有一个带有变量的单独文件,它连接到 style.sass 文件:

“_variable.sass”:

@text-color-dark: #353535

并且 gulp 应该毫无问题地将所有这些收集到一个 css 文件中(至少它曾经收集它)。现在他开始抱怨:

Error in plugin "sass"
Message:
    src\sass\_header.sass
Error: Undefined variable: "$text-color-dark".
        on line 11 of src/sass/_header.sass
        from line 6 of src/sass/style.sass
>>                      color: $text-color-dark; } } }

对不起,如果这是一个很长的问题,但我不知道如何解释它。

sass
  • 2 2 个回答
  • 10 Views

2 个回答

  • Voted
  1. Best Answer
    Mrage
    2020-06-26T23:23:52Z2020-06-26T23:23:52Z

    变量必须直接在 sass 文件中声明,或者在文件中包含的文件中声明。显然,gulp,或者更确切地说是 sass 编译器,发誓你在使用这些变量的文件中有这些变量,实际上它们丢失了。我还想指出,根据标准,制表符用于制表,或 4 个空格,但不是 1。语法突出显示不会发出任何信号,特别是因为您有一个编辑器,而不是 IDE,正如您自己所说的那样。

    • 0
  2. Денис
    2022-03-13T19:41:37Z2022-03-13T19:41:37Z

    也许在 @text-color-dark: #353535 而不是 @ 你需要 $

    • 0

相关问题

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    如何从列表中打印最大元素(str 类型)的长度?

    • 2 个回答
  • Marko Smith

    如何在 PyQT5 中清除 QFrame 的内容

    • 1 个回答
  • Marko Smith

    如何将具有特定字符的字符串拆分为两个不同的列表?

    • 2 个回答
  • Marko Smith

    导航栏活动元素

    • 1 个回答
  • Marko Smith

    是否可以将文本放入数组中?[关闭]

    • 1 个回答
  • Marko Smith

    如何一次用多个分隔符拆分字符串?

    • 1 个回答
  • Marko Smith

    如何通过 ClassPath 创建 InputStream?

    • 2 个回答
  • Marko Smith

    在一个查询中连接多个表

    • 1 个回答
  • Marko Smith

    对列表列表中的所有值求和

    • 3 个回答
  • Marko Smith

    如何对齐 string.Format 中的列?

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5