Css 从创意主题引导将LESS转换为SASS

我正在尝试将更少的文件从创造性引导主题转换为SASS。它编译时没有错误，但是header brand类没有正常工作。我检查该类，发现以下代码中出现警告“无效属性值”：

color: fade(white, 70%);

以下是SASS中转换的代码：

@media (min-width: 768px) 
    background-color: transparent
    border-color: fade(white, 0.3)
    .navbar-header .navbar-brand 
        color: fade(white, 70%)
        &:hover,
        &:focus 
            color: white

在这里，原稿以较少的篇幅：

@media (min-width: 768px) {
    background-color: transparent;
    border-color: fade(white, 30%);
    .navbar-header .navbar-brand {
        color: fade(white, 70%);
        &:hover,
        &:focus {
            color: white;
        }
    }

---

有人能给我一些线索吗？谢谢，由于SASS中不存在淡入淡出功能，因此使用淡入淡出功能会导致此问题。变亮功能似乎是另一种选择，具体取决于您尝试执行的操作：下面是一个列表。使用“淡入淡出”功能会导致问题，因为它在SASS中不存在。变亮功能似乎是一个备选功能，具体取决于您尝试执行的操作：以下是一个列表。

我知道这个问题已经很老了，但让我回答它以帮助其他有此问题的人。这里需要的

SASS

功能是

transparentize

。第二个参数需要表示为0和1之间的分数，并且必须是

LESS

fade

函数的倒数。所以，以你为例

褪色（白色，30%）

将成为

透明化（白色，0.7）

这就是正确转换的

SASS

：

@media (min-width: 768px) 
    background-color: transparent
    border-color: transparentize(white, 0.7)
    .navbar-header .navbar-brand 
        color: transparentize(white, 0.3)
        &:hover,
        &:focus 
            color: white

---

我知道这个问题很古老，但让我来回答它，以帮助其他有这个问题的人。这里需要的

SASS

功能是

transparentize

。第二个参数需要表示为0和1之间的分数，并且必须是

LESS

fade

函数的倒数。所以，以你为例

褪色（白色，30%）

将成为

透明化（白色，0.7）

这就是正确转换的

SASS

：

@media (min-width: 768px) 
    background-color: transparent
    border-color: transparentize(white, 0.7)
    .navbar-header .navbar-brand 
        color: transparentize(white, 0.3)
        &:hover,
        &:focus 
            color: white

---

我不相信SASS中存在确切的淡入淡出功能，因为它在LESS中存在，您可能需要根据您的尝试进行淡入淡出：下面是@vanburen的列表，我以前尝试过一些类似于淡入淡出的功能，但它不起作用，淡入淡出是这里缺少的链接。“谢谢你，”范布伦，你能回答这个问题吗。这样我就可以合上线了。谢谢，我不认为SASS中存在确切的淡入淡出功能，因为它在LESS中存在，您可能希望根据您尝试的操作进行淡入淡出：下面是@vanburen的列表，我以前尝试过一些类似于淡入淡出的功能，但它不起作用，淡入淡出是这里缺少的链接。“谢谢你，”范布伦，你能回答这个问题吗。这样我就可以合上线了。谢谢