Sass-Interpolation in Selektor funktioniert nicht

Question

Ich möchte eine Regel für Safari-Browser nur mit Sass erstellen. Nach this Antwort brauche ich

@media Bildschirm und (min-Farbe-Index: 0) und (-webkit-min-device-Pixel-Verhältnis: 0)

Hinweis gibt es keinen Raum nach 2. und, sonst löst es Chrom aus. Also irgendwo in my-file.sass ich folgendes tun:

$safari-only: '(min-color-index:0) and(-webkit-min-device-pixel-ratio:0)' 

@media screen and #{$safari-only} 
    body 
     background-image: linear-gradient(green 0%, red 100%) !important 

Aber dieses Ding kompiliert in

@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) { 
    body { 
    background-image: linear-gradient(green 0%, red 100%) !important; 
    } 
} 

Hinweis gibt IS ein Raum nach dem 2. und. Hier ist der demo

Eine andere Sache Ich mag würde wissen, ob ich einen @safari-only mixin erstellen können. Zum Beispiel:

@mixing safari-only 
    $safari-only: '(min-color-index:0) and(-webkit-min-device-pixel-ratio:0)' 
    @media screen and #{$safari-only} 

@include safari-only 
    body 
    background-image: linear-gradient(green 0%, red 100%) !important 

Dies erzeugt einen Fehler, dass die mixin keinen Körper würde ich hat

So gerne wissen:

1. Wie kann ich feststellen, sass Formatierung Code nicht statt mich?
2. Wie kann ich eine erste Ebene Selektor als mixin

P. S. erstellen Ich verwende Sass 3.4.21 (Selective Steve)

Mit freundlichen Grüßen,

Answer 1

Sie zwingen können, in SASS Formatierung mit #{}

$safari-only: #{'(min-color-index:0) and(-webkit-min-device-pixel-ratio:0)'}