Ist in less eine Unterscheidung deutsch/englisch möglich?

Hallo zusammen,

in einem Projekt habe ich u.a. an 2 Stellen die Pseude-Klasse ::before verwendet, wo ein Text eingesetzt wird.

.meine-klasse::before {
    content:'mein Text';
}

Jetzt wird ein Sprachshop in englisch erstellt. 
Wie kann man das am besten realisieren, dass dieser Inhalt je nach Sprache auf deutsch oer englisch erscheint?

 

Gruß Heiko

Hey,

im englischen Sprachshop solltest du dem Element entweder eine andere Klasse geben, oder einen Class-Modifier benutzen, bspw. .is–english.

Dann könntest du das in less folgendermaßen lösen:

// Mit class-modifier:
.meine-klasse {
    &::before {
        content: 'mein Text';
    }

    &.is--english::before {
        content: 'my text';
    }
}

// Mit eigener Klasse:
.meine-klasse::before {
    content: 'mein Text';
}
.meine-klasse-englisch::before {
    content: 'my text';
}

Dennoch würde ich dir empfehlen, keine Inhalte über CSS zu definieren. Falls du eine Möglichkeit hast, das Ganze ins Template auszulagern, würde ich diese Möglichkeit immer bevorzugen.

Ich hoffe, ich konnte helfen.

Grüße

1 „Gefällt mir“

Hi,

super. Vielen Dank.
Damit hast Du mir sehr geholfen.
Ich habe das jetzt erst mal über die Less-Datei geregelt.

Beim nächsten mal mache ich das wirklich direkt über das Template.

Gruß

 

Heiko