如果語句嵌套在函數中，則嵌套Scss

Question

我想將兩個值傳遞給函數「sprite-chooser（）」，以便我可以選擇在淺色或深色背景中加載哪個精靈。在我加載精靈之前，我需要檢查它是第一個UI - 所以我有兩個@if語句和內嵌的@if語句，但得到一個錯誤說：語法錯誤：函數精靈選擇器沒有@return完成。

 
@function sprite-chooser($ui-for, $bg-color) { 
    @if ($ui-for == "ui-1") { 
     @if (lightness($bg-color) > 60 and $ui-for == "ui-1") { 
      @return #{$sprite-dark-ui-1}; 
     }  
     @else { 
      @return #{$sprite-light-ui-1}; 
     } 
    } 
    @else if ($ui-for == "ui-2") { 
     @if (lightness($bg-color) > 60 and $ui-for == "ui-2") { 
      @return #{$sprite-dark-ui-2}; 
     } 
     @else { 
      @return #{$sprite-light-ui-2}; 
     } 
    } 
} 

 
$background-color: #fff; 
.class-name { 
    background: url(sprite-chooser("ui-1", $background-color)) 0 0 no-repeat; 
} 

Answer 1

您需要另一個else情況下

... 
    @else if ($ui-for == "ui-2") { 
     @if (lightness($bg-color) > 60 and $ui-for == "ui-2") { 
      @return #{$sprite-dark-ui-2}; 
     } 
     @else { 
      @return #{$sprite-light-ui-2}; 
     } 
    } 
    @else { @return null; } 
}