Neproporcionální text v pluginu pro vzhled „Tempera“ ztrácí smysl. Při každém zadání změny stylu písma vytváří nový řádek, oddělený rámečkem. Pokud chco zdůraznit slovo ve větě, ztrácí celý styl smysl.
Původní kód:
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important;
}
.entry-content pre {
border-bottom:1px solid transparent;
}
.entry-content code {
border: 1px solid transparent;
border-bottom:3px solid transparent;
clear: both;
display: block;
float: none;
margin: 0 auto;
overflow: auto;
padding: 10px !important;
text-indent: 0;
white-space: nowrap;
}
Zkrátíme vyloučením některých prvků na:
code {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace !important;
font-weight: bold;
}
.entry-content pre {
border-bottom:1px solid transparent;
}
.entry-content code {
clear: both;
float: none;
margin: 0 auto;
overflow: auto;
padding: 2px !important;
text-indent: 0;
white-space: nowrap;
}
Nutno tedy přidat i příkaz pro automatické nastavení scrollování, tedy „overflow-x: auto“.