From 4d4726ca697d13ad60c477d28477298b8ec5b7b2 Mon Sep 17 00:00:00 2001 From: Lucas Amaro Date: Tue, 19 Apr 2022 17:31:08 -0300 Subject: [PATCH] Fix sidenotes margin inside quote-container --- _sass/_sidenotes.scss | 36 ++++++++++++++++++++++++------------ 1 file changed, 24 insertions(+), 12 deletions(-) diff --git a/_sass/_sidenotes.scss b/_sass/_sidenotes.scss index 7868c8e..a0e4a94 100644 --- a/_sass/_sidenotes.scss +++ b/_sass/_sidenotes.scss @@ -74,18 +74,6 @@ body { margin-left: calc(var(--sn-pos) - (1 / #{$coef-small})*1em); } - details.content-details div.quote-container p.citation .sn-content { - // revert sn-content font-size back up to "normal" - font-size: 1em; - - // correct vertical and horizontal alignments - margin-top: -1.5em; - margin-left: var(--sn-pos); - - // realign sn-content to left (.citation is aligned to the right) - text-align: left; - } - details blockquote { p .sn-content { margin-left: calc(var(--sn-pos) - (1 / #{$coef-small})*2em); @@ -95,6 +83,30 @@ body { margin-left: calc(var(--sn-pos) - (1 / #{$coef-small})*(2em + #{$list-padding-inline-start})); } } + + details.content-details div.quote-container { + p.citation .sn-content { + // revert sn-content font-size back up to "normal" + font-size: 1em; + + // correct vertical and horizontal alignments + margin-top: -1.5em; + margin-left: var(--sn-pos); + + // realign sn-content to left (.citation is aligned to the right) + text-align: left; + } + + blockquote { + p .sn-content { + margin-left: calc(var(--sn-pos) - (1 / #{$coef-small})*1em); + } + + li .sn-content { + margin-left: calc(var(--sn-pos) - (1 / #{$coef-small})*(1em + #{$list-padding-inline-start})); + } + } + } } // narrow viewports get sidenotes hidden by default; they're shown only when