Wie kann ich verhindern, dass SASS Import-Direktiven an den Anfang der gerenderten Datei verschiebt?

Question

Ich habe vor kurzem mit SASS ein WordPress Theme erstellt. Ich habe eine Technik wie diese verwendet (http://css-tricks.com/compass-compiling-and-wordpress-themes/), um SASS dazu zu bringen, den benötigten CSS-Doc-Block ohne Probleme zu kompilieren.

Jetzt versuche ich, SASS zu verwenden, um das Stylesheet für ein untergeordnetes Thema zu erstellen - dies erfordert einen CSS @ import des style.css des übergeordneten Themas. Das funktioniert gut, aber es kompiliert den @import vor dem CSS-Doc-Block! Irgendwelche Ideen, wie man sie in der beabsichtigten Reihenfolge macht? Ich habe versucht, den CSS @import in den SASS @import eines Partiellen zu legen, aber es passiert trotzdem!

Zum Beispiel, wenn dies ist mein SASS:

/*! 
Theme Name: Themey Name 
Description: Theme Description 
Version: 1.0 
Template: parent-theme 
*/ 

@import url(../parent-theme/style.css); 

Es ist wie Rendering-out:

@import url(../parent-theme/style.css); 

/* 
Theme Name: Themey Name 
Description: Theme Description. 
Version: 1.0 
Template: parent-theme 
*/ 

Ich möchte wirklich, dass doc Block zuerst!

Answer 1

Das Problem mit dem @ -import am Anfang der Datei shoudl nach folgendem Kommentar gelöst werden:

Jonathan Warren Permalink # Kommentar 10. Oktober 2012 In der neuesten Wordpress (3.4.2) Sie brauchen den Kommentarblock nicht zu Beginn Ihrer style.css, damit er erkannt wird, nur ein Ordner in Ihrem Themes-Verzeichnis mit einer leeren index.php und style.css.

in der Post gefunden auf: http://css-tricks.com/compass-compiling-and-wordpress-themes/

diese 3.5.x auf wp getestet - funktioniert es gut.

Answer 2

Hier ist meine "Abhilfe":

/*! 
Theme Name: Themey Name 
Description: Theme Description 
Version: 1.0 
Template: parent-theme 
*/ 

@media any { 
    @import url(../parent-theme/style.css); 
}