【问题标题】:Override Bootstrap SCSS is giving syntax error for darken(color)覆盖 Bootstrap SCSS 为变暗(颜色)提供语法错误
【发布时间】:2018-10-25 18:36:27
【问题描述】:

我正在尝试使用 SCSS 覆盖 Bootstrap,以便我可以使用我自己的代码作为按钮。 Bootstrap 已导入并位于我的项目内的 node_module 内。

我基本上想摆脱按钮采用的默认方形形状,并让背景颜色符合我的要求。

我决定从颜色开始,使用我自己的颜色代替 Bootstrap 所依赖的值,格式如下。

$button-color: rgba(255, 255, 242, 0);

@import "../../../node_modules/bootstrap/scss/variables";

我使用的这种格式基于 Importing 部分中的主题引导页面。

Argument `$color` of `darken($color, $amount)` must be a color

我在网站上查找了这个,发现收到这个错误的人实际上试图使用这个 darken($color, $amount) 格式。我没有,我不知道如何解决这个问题,因为我没有使用它。

【问题讨论】:

  • 与以下内容相关:“在面向对象编程中,方法覆盖是一种语言功能,它允许子类或子类提供其超类之一已经提供的方法的特定实现或父类。”
  • @curiousguy 我不这么认为,我只想在 Sass 中使用我自己的样式而不是 Bootstraps
  • 那么不要使用专门针对 OO 编程和派生类中的函数覆盖的 override 标签。
  • 抱歉,我删除了它。感谢您向我指出这一点@curiousguy

标签: sass bootstrap-4


【解决方案1】:

您也需要导入 _functions SASS 文件...

@import "../../../node_modules/bootstrap/scss/functions";
@import "../../../node_modules/bootstrap/scss/variables";

【讨论】:

  • 谢谢,我有一个后续问题,以便更好地理解您的解决方案。该部分下的选项 B 是否表明我需要至少导入变量、函数和 mixins?我想当我最初阅读它时,我认为这 3 个只是特定情况下需要的。
  • _variables 依赖于_functions,所以它们必须一起使用。如果您的覆盖包括使用 mixins,您只需要导入 _mixins。在你的情况下它没有。
猜你喜欢
  • 2021-10-08
  • 2022-01-07
  • 2017-11-28
  • 2021-12-06
  • 1970-01-01
  • 2023-04-03
  • 2019-03-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多