newlines in css before
======================

I'm building in a fragmentions implementation into my blog, I wanted to add some text before the fragment to indidate that it was the highlighted fragment...

Date: February 15, 2025

I'm building in a [[ fragmentions ]] implementation into my blog, I wanted to
add some text before the fragment to indidate that it was the highlighted
fragment that someone may have intended to share with you.

To get a newline in a `:before` I need to use `\A` and `white-space: pre-line`.

``` css
body :target::before,
body [fragmention]::before {
 content: "Highlighted Fragment:\A";
 white-space: pre-line;
 @apply font-bold text-yellow-600;
}
```

Here is what it looks like on my not yet live implementation of fragmentions.

![screenshot-2025-02-15T15-43-06-372Z.png](https://dropper.waylonwalker.com/api/file/fb693b92-3744-45a5-9220-bd914162f435.png)