deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests Activity

💄 style: fix numbered code blocks on iOS Safari

Browse source 
Tables used for line numbers were inheriting incorrect font sizes on iOS Safari
due to WebKit's text size adjustment behaviour.

Short lines were being centred, too.
This commit is contained in:
welpo 2024-11-24 01:07:35 +01:00
parent 123110ea43
commit 4be8a5634f
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
sass/parts/_code.scss
View file

@ -1,4 +1,5 @@
code {
-webkit-text-size-adjust: 100%;
border-radius: 5px;
background-color: var(--bg-1);
padding-inline: 0.2em;
@ -31,7 +32,7 @@ code {
tbody td:first-child {
opacity: 50%;
padding-inline-end: 0.8rem;
width: 0rem;
width: 1px; // Without this, iOS Safari centres short lines.
user-select: none;
text-align: end;
}