W jaki sposób mogę uniemożliwić SASS przeniesienie dyrektyw importu na górę renderowanego pliku?

Question

I niedawno używany Sass stworzyć WordPress. Użyłem techniki takiej jak ta (http://css-tricks.com/compass-compiling-and-wordpress-themes/), aby uzyskać SASS, aby skompilować wymagany blok dokumentacji CSS bez problemu.

Teraz staram się używać Sass aby stylów na temat dziecka - wymaga to @import CSS style.css nadrzędnego motywu. Działa to dobrze, ale kompiluje @import przed blokiem docum CSS! Wszelkie pomysły, jak renderować je w zamierzonej kolejności? Próbowałem umieścić CSS @import wewnątrz SASS @import częściowego, ale nadal się dzieje!

Na przykład, jeśli jest to mój SASS:

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

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

Jest renderowanie się następująco:

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

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

naprawdę chcę, że blok doc pierwszy!

Answer 1

Problem z @ -Import na początku pliku shoudl zostać rozwiązany zgodnie z następującym komentarzem:

Jonathan Warren Link do komentarza # 10 października 2012 W najnowszym WordPress (3.4.2) nie trzeba blok komentarz na początku swojej style.css dla jego rozpoznania, tylko folder w katalogu tematów z pustym index.php i style.css zrobi.

Znaleziony w poście na: http://css-tricks.com/compass-compiling-and-wordpress-themes/

przetestowane na wp 3.5.x - działa dobrze tam.

Answer 2

Oto mój "obejście":

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

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