Stift + CSS-Funktion Fehler

Ich habe Probleme keine Variable Variablen und Funktionen mit STYLUSStift + CSS-Funktion Fehler

Check out my demo

Mit funktioniert:

.div 
    position relative 
    background #3cd 
    width calc(100vw - 10em) 
    height calc(100vh - 10em) 
    margin 5em

Variablen Umbrüche verwenden :

$var = 10em 

.div 
    position relative 
    background #3cd 
    width calc(100vw - $var) 
    height calc(100vh - $var) 
    margin calc($var/2)

Irgendwelche Ideen? Ich habe auch String% Operatoren versucht, kein Glück. Danke

Quelle

2017-04-19 meow-meow-meow

Mögliches Duplikat [Wie ein Stylus Variable in Calc verwenden?] (Http://stackoverflow.com/questions/32272158/how-to-use-a-stylus-variable -in-calc) –

hh, ich denke, dass Sie die Stylus Syntax überprüfen sollten. Wenn Sie Stylus-Variablen verwenden, sollte "calc()" nicht hinzugefügt werden. Versuchen Sie direkt zum Beispiel margin $var/2 statt margin calc($var/2)

Quelle

2017-04-19 02:55:30 Muran

Danke für Ihre Antwort, ich habe versucht, die calc() -Funktionen zu entfernen, aber es ist immer noch kaputt https://codepen.io/katiemoons/pen/RVrbJy?editors=0100 –

Ich denke, es ergibt sich aus Ihrem Körper 'und seine CSS-Eigenschaft. Ich schreibe deinen Code wie folgt um: '

' und css 'body {height: 600px}'. Es klappt. – Muran

Und es gibt einen anderen Fehler, den ich vorher ignoriert habe, Sie sollten Klammern für '$ var/2' hinzufügen, das ist' ($ var/2) ' – Muran

Stift + CSS-Funktion Fehler

Antwort

Verwandte Themen