Formatbeispiel pre-Element in custom.css (Astroid)
Format eigentlich definiert in custom.css, hier jedoch zusätzlich inline, da sonst nicht darstellbar.
Joomla 5.3.0, gleiches Verhalten unter Joomla 4.4.13
pre {
background: #123456;
color: #fff;
font-size: 1rem;
font-family: monospace;
border: none;}
Format wird überschrieben von UIKit.css
pre {
font: 0.875rem / 1.5 Consolas, monaco, monospace;
color: #666;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
padding: 10px;
border: 1px solid #e5e5e5;
border-radius: 3px;
background: #fff;
}
Dasselbe gilt für die Pseudoelemente :focus und ::selection.
Besonders die Farbzuweisung bei ::selection (#39f) passt ja nicht zu jedermanns Farbschema.
