SCSS - Spezielles Zeilenumbruchzeichen im Inhaltsattribut

Question

Ich verwende .scss-Dateien und kompiliere sie.
Ich habe ein Element mit der folgenden CSS-Regel:

content: attr(data-tooltip) attr(data-tooltip); 

Ich mag würde einen Zeilenumbruch im Content-Attribute hinzufügen '\A' verwenden, aber es funktioniert nicht.
Wenn ich diese Regel:

content: attr(data-tooltip) '\A' attr(data-tooltip); 

es druckt die Daten mit einem einzigen 'A' char anstelle eines Zeilenumbruch.

Wenn ich diese Regel verwenden:

druckt den Inhalt und einen '\\A' statt Zeilenumbruch.

Wenn ich den Inhalt in der Entwicklerkonsole

ändern

content: attr(data-tooltip) '\A' attr(data-tooltip); 

druckt er einen Zeilenumbruch als wollte.

Wie kann ich einen Zeilenumbruch mit CSS hinzufügen?

BEARBEITEN: Dieses Element hat auch white-space: pre-wrap; Regel.

BEARBEITEN: Scheint wie es ist ein know issue von css loader.

Answer 1

[data-tooltip]:after { 
 
    content: attr(data-tooltip) '\A' attr(data-tooltip); 
 
    white-space: pre-wrap; 
 
}

<div data-tooltip="some tooltip text">The DIV</div>

Verwenden

white-space: pre-wrap; 

zusammen mit Ihrem \A.