michalczyk.pro/blog
1
0
Fork 0
Code Issues 3 Pull Requests Projects Releases Activity

Fix <code> styling

Browse Source
This commit is contained in:
cryptogopher 2023-08-28 21:52:58 +02:00
parent e1aa7a681a
commit ae006be839
1 changed files with 27 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
assets/css/styles.css
View File

@ -1,6 +1,16 @@
@media only screen and (max-aspect-ratio: 1/1){
/* portrait */
html { font-size: 32px; }
body { margin: 2% 5%; }
}
@media only screen and (min-aspect-ratio: 1/1){
/* landscape */
body { margin: 2% 15%; }
}
body { body {
font-family: system-ui; font-family: system-ui;
margin: 2% 10%; font-size: 0.95rem;
} }
pre, code { pre, code {
@ -28,6 +38,18 @@ h3 {
font-weight: bold; font-weight: bold;
margin-top: 1.75rem; margin-top: 1.75rem;
} }
p, ul {
line-height: 1.35rem;
}
p code, ul code {
background-color: #9f54aa;
border-radius: 0.2rem;
color: white;
font-weight: bold;
font-size: 0.8rem;
padding: 0.15rem 0.4rem;
white-space: nowrap;
}
figure { figure {
border-radius: 0.2rem; border-radius: 0.2rem;
@ -48,30 +70,25 @@ figcaption .lang {
padding: 0 0.4rem; padding: 0 0.4rem;
} }
pre { pre {
background-color: black; background-color: #272727;
border-bottom-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;
border-bottom-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;
font-size: 0.85rem; font-size: 0.85rem;
line-height: 1.3rem; line-height: 1.3rem;
margin: 0; margin: 0;
overflow-x: auto;
padding: 0.25rem; padding: 0.25rem;
} }
pre > code { pre > code {
background-color: black;
color: #ffc61e; color: #ffc61e;
padding: 0; padding: 0;
} }
pre > code.language-bash { pre > code.language-bash {
background-color: black; /* color: #18e418; */
color: #00d700; color: #54d771;
} }
code { code {
background-color: #9f54aa;
border-radius: 0.2rem;
color: white;
font-weight: bold;
padding: 0.15rem 0.4rem;
} }
code.language-ruby span.k, code.language-ruby span.k,