Compass Sass Framework Sprite Pfad- und Layouteinstellung (SASS/CSS)

Question

Ich verwende Sass & Compass Framework zum Kompilieren meines CSS. Ich arbeite in meiner lokalen Umgebung. Wenn ich mich mit der Compass Sprite-Bildgenerierung beschäftige, stoße ich auf zwei verschiedene Probleme.

1. Ich möchte das Layout horizontal oder smart oder etwas anderes als Standard vertikal, aber ich konnte nicht. Ich überprüfte die Syntax und ich benutze die richtige, Ordnername und das Layout, aber es konnte nicht funktionieren. Alle anderen Einstellungen wie Lücke, Abstand, alle arbeiten.

2. Ich habe derzeit keinen Server läuft. Ich brauche einen relativen Pfad von meinem CSS-Ordner zum Bildordner. So etwas wie "../images/xxx.png". Compass verwendet den absoluten Dateipfad basierend auf meiner Konfigurationsdatei. Gibt es trotzdem, dass ich Einstellung setzen könnte, um relative Pfad anstelle von absoluten Pfad zu verwenden? Ich habe versucht, die URL-Helfer-Mixin, die auch den absoluten Pfad generieren.

Ich bin sehr geschätzt für alle hilft. Vielen Dank.

Answer 1

Für die # 2 relative_assets = true in Ihrer Konfigurationsdatei verwenden.

Wenn Sie nicht bereits sind, empfehle ich Ihnen auch die stylesheet-url and image-url Compass Funktionen, die automatisch berechnen den Pfad zu Ihrem konfigurierten Bild und CSS-Ordner, von wo Sie sie anrufen. Wenn Sie image-url(myfile.jpg) von einer .css-Datei in Ihrem CSS-Ordner aufrufen, wird es auf kompilieren.