Adjust box internal padding

iamgio · Oct 15, 2024 · f878d0b · f878d0b
1 parent 63213cd
commit f878d0b
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/core/src/main/resources/render/theme/global.css b/core/src/main/resources/render/theme/global.css
@@ -60,6 +60,9 @@
     --qd-important-foreground-color: rgb(145, 34, 34);
     --qd-important-background-color: color-mix(in srgb, var(--qd-important-foreground-color) 5%, transparent);
 
+    /* Boxes */
+    --qd-box-section-padding: 12px 16px; /* Padding of box sections (header and content) */
+
     /* Reveal properties */
     --r-background-color: var(--qd-background-color);
     --r-main-color: var(--qd-main-color);
@@ -418,8 +421,8 @@ code.focus-lines .hljs-ln-line:not(.focused),
     margin: 0;
 }
 
-.box > .box-content {
-    padding: 12px;
+.box > header, .box > .box-content {
+    padding: var(--qd-box-section-padding);
 }
 
 .box > .box-content > *:first-child,

diff --git a/core/src/main/resources/render/theme/layout/beamer.css b/core/src/main/resources/render/theme/layout/beamer.css
@@ -87,7 +87,6 @@ pre code {
 }
 
 .box > header {
-    padding: 12px;
     border-radius: 8px 8px 0 0;
 }
 

diff --git a/core/src/main/resources/render/theme/layout/latex.css b/core/src/main/resources/render/theme/layout/latex.css
@@ -171,14 +171,9 @@ blockquote .attribution {
 }
 
 .box > header {
-    padding: 12px;
     border-radius: 6px 6px 0 0;
 }
 
-.box > .box-content, .box > header {
-    padding-left: 16px;
-}
-
 .box.box {
     border-color: var(--qd-callout-box-header-color);
 }

diff --git a/core/src/main/resources/render/theme/layout/minimal.css b/core/src/main/resources/render/theme/layout/minimal.css
@@ -93,7 +93,6 @@ figure figcaption {
 
 .box > header {
     font-size: 0.6em;
-    padding: 12px;
     border-radius: 8px 8px 0 0;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -87,7 +87,6 @@ pre code { @@
     }
     .box > header {
-        padding: 12px;
         border-radius: 8px 8px 0 0;
     }
@@ Expand Down @@