從創意主題引導將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

回答

相關問題