2016-12-25 9 views
0

LESSファイルをCreative Bootstrap ThemesからSASSに変換しようとしています。それはエラーなしでコンパイルされますが、ヘッダーのブランドクラスはそれがすべきであるように動作しません。ここクリエイティブなテーマのブートストラップからLESSをSASSに変換する

color: fade(white, 70%); 

SASSで変換されたコード:LESSでここ

@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; 
     } 
    } 

誰かが手がかりをくれますか?ありがとう

+1

SASSにはまったくの* fade *機能があるとは思っていませんが、何をしようとしているかによって* lighten *が必要な場合があります:[Sass Functions](http: //sass-lang.com/documentation/Sass/Script/Functions.html) – vanburen

+0

@vanburen私は_tint_のようないくつかの機能を試しましたが、動作しません。_lighten_はここで欠落しているリンクです。ありがとう。 –

+0

@vanburenご質問にお答えできますか?だからスレッドを閉じることができます。ありがとう –

答えて

3

LESS fade関数を使用すると、SASSには存在しないため、問題が発生しています。 lightenの機能は、何をしようとしているかに応じて選択肢のようです:Sass Functionsのリストです。

関連する問題