fix: safari webkit text scaling
This commit is contained in:
parent
bedc266fbf
commit
98dbd4d419
@ -98,7 +98,7 @@ h1 {
|
|||||||
object-position: center;
|
object-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* code snippets */
|
/* code blocks */
|
||||||
.content pre {
|
.content pre {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
border-radius: 0.3rem;
|
border-radius: 0.3rem;
|
||||||
@ -106,10 +106,12 @@ h1 {
|
|||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* code block contents */
|
||||||
.content code {
|
.content code {
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* inline code snippets */
|
||||||
p > code,
|
p > code,
|
||||||
li > code {
|
li > code {
|
||||||
background-color: var(--code);
|
background-color: var(--code);
|
||||||
@ -145,3 +147,11 @@ li > code {
|
|||||||
.content ol li {
|
.content ol li {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-device-width: 768px) {
|
||||||
|
/* attempted workaround for Safari not calculating rem units correctly */
|
||||||
|
html {
|
||||||
|
font-size: 90%;
|
||||||
|
-webkit-text-size-adjust: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user