logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
commit: 711aa15c4c87187f45e7446cd7ff1034b901d627
parent 4c5708fda038b1536da3012bd85ecef989d1d06c
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date:   Tue, 11 Jun 2019 17:30:28 +0200

css/index.css: Use the new break-spaces value in pre

As seen in https://blogs.igalia.com/jfernandez/2019/06/10/a-new-terminal-style-line-breaking-with-css-text/

Diffstat:

Mcss/index.css7++++++-
1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/css/index.css b/css/index.css @@ -21,7 +21,12 @@ code { font-family: monospace; } h1, h2, h3, h4, h5, h6 { font-family: serif; } -pre { white-space: pre-wrap; } +pre { + /* pre-wrap is there for legacy reasons as break-spaces is recent */ + white-space: pre-wrap; + white-space: break-spaces; + word-break: break-all; +} section h1, section h2 { text-align: center; } article, section { display: inline-table;