Liferay 6.2 Theme Problem mit sass

[N. H., geändert vor 9 Jahren.]

Guten Morgen Zusammen,
ich habe ein Liferay 6.2 Theme und habe folgendes gemacht

neue Datei angelegt test.css mit dem Inhalt

@import "compass";
.btnBox {
	.rAlign {
		text-align: right;
	}
	.lAlign {
		text-align: left;
	}
}

Die main css habe ich um folgende Zeile ergänzt

@import url(arag.css);

In meiner JSF Anwendung habe ich ein

Ich dachte das oben aus den Zeilen folgende css Eigenschaften generiert werden#

.btnBox .rAlign{text-align:right;}
.btnBox .lAlign{text-align:left;}

Das scheint aber nicht zu funktionieren was mache ich falsch ? Ich habe auch versucht den Block in andere css Dateien wie application oder custom rein zu packen aber auch das geht nicht.

Wer kann helfen ?

Viele Grüße,
N.H.

[David Proba, geändert vor 8 Jahren.]

Das kann auch nicht funktionieren.

.btnBox {
    .rAlign {
         text-align: right;
     }
     .lAlign {
         text-align: left;
     }
}

ist verschachtelt, dh, es greift bei

   <div class="rAlign">
</div>

Um

abzubilden, muss man noch ein & Zeichen verwenden.

.btnBox {
    &.rAlign {
         text-align: right;
     }
     &.lAlign {
         text-align: left;
     }
}