Add custom CSS property for content list gap

This commit is contained in:
Helen Chong 2024-07-18 10:46:50 +08:00
parent 6b8eaefa5f
commit 2913bb7729
2 changed files with 3 additions and 2 deletions

View File

@ -31,11 +31,11 @@ content-wrapper,
.content ul:not([class]), .content ol:not([class]) { .content ul:not([class]), .content ol:not([class]) {
display: grid; display: grid;
gap: 0.7em; gap: var(--sz-content-list-gap);
} }
.content ul ul, .content ol ol, .content ul ul, .content ol ol,
.content ul ol, .content ol ul { margin-top: 0.7em; } .content ul ol, .content ol ul { margin-top: var(--sz-content-list-gap); }
.sidebar--sticky { .sidebar--sticky {
position: sticky; position: sticky;

View File

@ -48,6 +48,7 @@
--sz-main-padding: clamp(1rem, 5%, 4rem); --sz-main-padding: clamp(1rem, 5%, 4rem);
--sz-navbar-ht: 4rem; --sz-navbar-ht: 4rem;
--sz-external-link: 1.25em; --sz-external-link: 1.25em;
--sz-content-list-gap: 0.7em;
} }
/* ------------------- */ /* ------------------- */