2012-06-12 15 views
6

Ich beginne gerade mit Sass und Kompass und Sachen und das Schreiben meiner eigenen Mixins funktioniert gut, etc ... so scheint SASS gut zu funktionieren.Sass/Compass CSS3 Mixins funktioniert nicht

Die Entdeckung über den Kompass klang zuerst sehr gut, aber ich habe das Problem, dass die standardmäßigen CSS3-unterstützten Mixins einfach nicht funktionieren.

GEM Version: 1.8.24

SASS Version: 3.1.19

COMPASS Version: 0.12.1

Mein screen.scss

@import "compass/reset"; 

.bam { 
    @include border-radius(5px); 
} 

habe ich das Projekt über compass create myProject. Gefolgt von cd myProject. Gefolgt von compass watch.

die oben Schreiben erwähnt .scss i die folgende Fehlermeldung

Change detected at $time to: screen.scss 
error sass/screen.scss <Line 11: Undefined mixin 'border-radius'.> overwrite stylesheets/screen.css 

Der Kompass Handbuch nicht alles über mehr Konfiguration benötigt Zustand geraten. Also bin ich irgendwie hier festgefahren. Jede Hilfe wird sehr geschätzt!

Lösung

Auch wenn ich auch in einem Test, so vorher zu denken habe, die Lösung über @import "compass/css3"

+1

posten Sie Ihre Lösung als Antwort und akzeptieren Sie es. – Christoph

Antwort

11

Das Problem war, tatsächlich enthält die erforderliche Compass „Klasse“ ist, dass ich nicht importieren tat die Kompass/CSS3-Abhängigkeit. Dies geschieht, indem Sie @import "compass/css3" in die .scss-Datei

+0

meine Kompass Mixins funktionieren nicht, auch nach der Verwendung dieses Imports –

+0

sieht aus wie ein anderes Problem dann @AdityaSanghi - Ich schlage vor, eine neue Frage zu öffnen. – Sam