matthias
/
WhisperMaPhone
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Re-do code block styling for like the 3rd time

This commit is contained in:
MatthiasSaihttam 2021-07-04 12:50:54 -07:00
parent 72e3efb6b7
commit 8a28e20504
1 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
main/static/main/main.css
View File

@ -100,12 +100,6 @@ textarea, input[type="text"], input[type="password"] {
display: inline; /*inline so that the Show More is on the same line*/
}
.text pre {
display: inline-block; /*Code blocks need to be inline-block*/
overflow-x: auto;
max-width: 100%;
}
a {
text-decoration: none;
}
@ -113,7 +107,7 @@ a {
.text a {
color: var(--accent-color);
}
.text p, .text pre {
.text p {
padding: 0;
margin: 0;
overflow-wrap: break-word;
@ -121,10 +115,26 @@ a {
.text > :not(:last-child) {
margin-bottom: 1em;
}
.text pre {
background: black;
/*Inline code*/
.text p > code {
border-radius: 3px;
padding: 3px;
padding: 1px 5px;
background: black;
}
/*Code blocks*/
.text pre {
margin: 0;
overflow-x: auto;
display: block;
}
.text pre > code {
/* inline-block the code block so it doesn't take the whole width */
display: inline-block;
/* Create the black box*/
border-radius: 3px;
padding: 3px 7px;
background: black;
}
.extended-media {