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

我试图将来自Creative Bootstrap Themes的LESS文件转换为SASS。它编译没有错误，但标题品牌类没有工作，因为它应该是。我检查类，并找到一个警告上下面的代码“无效的属性值”：从创意主题引导将LESS转换为SASS

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

这里原来在LESS：

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

有人可以给我一些线索吗？谢谢

来源

2016-12-25 Wahyu Handy

我不相信在SASS中存在一个精确的* fade *函数，因为它在LESS中存在，你可能需要*减轻*取决于你想要做什么：这里是一个[Sass Functions]（http： //sass-lang.com/documentation/Sass/Script/Functions.html） – vanburen

@vanburen我曾尝试过一些像_tint_这样的函数，但它不起作用，_lighten_是这里缺少的链接。谢啦。 –

@vanburen你能回答这个问题吗？所以我可以关闭该线程。谢谢 –

使用LESS 褪色功能导致问题，因为它不存在于SASS。变亮函数似乎是一种替代方法，具体取决于您要做什么：下面是一个Sass Functions的列表。

来源

2016-12-25 11:44:54 vanburen

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

回答

相关问题