mainwp/mainwp.dev
1
0
Fork 0
mirror of https://gh.llkk.cc/https://github.com/mainwp/mainwp.dev.git synced 2025-10-03 15:34:35 +08:00
Code Issues Projects Packages Wiki Activity Actions

fixing code look - increased left padding for better code block readability

Browse source
This commit is contained in:
Dennis Dornon 2025-04-01 12:54:30 -04:00
parent 1271c99747
commit 469841eca9
3 changed files with 10 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dox-theme/_sass/components/_code.scss
View file

@ -64,6 +64,7 @@
pre[class*="language-"] {
margin: 0;
padding: 1rem;
padding-left: 2rem; /* Increased left padding for better readability */
overflow: auto;
background-color: var(--color-code-background);
font-family: var(--font-family-code);
@ -180,6 +181,7 @@ code[class*="language-"] {
pre[class*="language-"] {
font-size: 0.85rem;
padding: 0.75rem;
padding-left: 1.5rem; /* Increased left padding for mobile, slightly less than desktop */
}

pre[class*="language-"].line-numbers {

2
dox-theme/assets/css/highlightjs-mainwp-dark.css
View file

@ -18,6 +18,7 @@
tab-size: 4;
hyphens: none;
padding: 1em;
padding-left: 2em; /* Increased left padding for better readability */
margin: 0;
overflow: auto;
border-radius: 4px;
@ -132,5 +133,6 @@
.hljs {
font-size: 0.85rem;
padding: 0.75rem;
padding-left: 1.5rem; /* Increased left padding for mobile, matching _code.scss */
}
}

6
preview-code-blocks.html
View file

@ -90,6 +90,12 @@
/* Override specific hljs styles for our demo page */
pre {
margin: 0;
padding: 1rem !important;
padding-left: 2rem !important;
}
code {
padding: 0 !important;
}

/* Keep mobile adjustments for container/header */