4,431
edits
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
Line 279: | Line 279: | ||
font-size: 14px; | font-size: 14px; | ||
letter-spacing: 0.5px; | letter-spacing: 0.5px; | ||
margin | margin: 7px 0 0 0 !important; | ||
padding-top: 0 !important; | padding-top: 0!important; | ||
} | } | ||
.article-mod-line > span { display: inline; margin: 0; padding: 0; } | .article-mod-line > span { display: inline; margin: 0; padding: 0; } | ||
.article-mod-line > span + span { margin-left: 6px; } | .article-mod-line > span + span { margin-left: 6px; } | ||
.article-modification-date { font-size: 15px; letter-spacing: 0.5px; } | .article-modification-date { font-size: 15px; letter-spacing: 0.5px; } | ||
/* 15) Vector resets */ | /* 15) Vector resets */ | ||
Line 319: | Line 309: | ||
.article-metadata, | .article-metadata, | ||
.article-images { break-inside: avoid; page-break-inside: avoid; } | .article-images { break-inside: avoid; page-break-inside: avoid; } | ||
/* 19) Gap fixes */ | |||
/* Tighten the transition from quote → mod line (no extra gap) */ | |||
.article-quote + .article-mod-line { | |||
margin-top: 0 !important; /* kill any extra top margin */ | |||
padding-top: 7px !important; /* room for the rule we'll draw above */ | |||
} | |||
/* Chrome/Edge: move the hairline to the TOP of .article-mod-line */ | |||
.article-quote + .article-mod-line::before { | |||
content: ""; | |||
position: absolute; | |||
left: 0; right: 0; top: 0; | |||
height: 1px; | |||
background: #292828; | |||
transform: scaleY(0.5); | |||
transform-origin: 50% 0%; | |||
} | |||
/* And disable the quote’s bottom rule/padding in that adjacency */ | |||
.article-quote + .article-mod-line, | |||
.article-quote + .article-mod-line::after { | |||
/* no bottom rule coming from .article-quote */ | |||
} | |||
.article-quote { | |||
/* only when followed by .article-mod-line, remove the quote's bottom padding/rule */ | |||
} | |||
.article-quote + .article-mod-line, | |||
.article-quote + .article-mod-line * { /* helper selector to increase specificity */ } | |||
.article-quote + .article-mod-line { /* noop to keep above group together */ } | |||
.article-quote + .article-mod-line { /* actual override happens on the previous element via sibling selector below */ } | |||
.article-quote { /* base remains unchanged; we override via sibling pseudo below */ } | |||
.article-quote + .article-mod-line { /* see next rule */ } | |||
/* Disable quote's ::after when followed by mod-line */ | |||
.article-quote:has(+ .article-mod-line)::after { content: none !important; } | |||
.article-quote:has(+ .article-mod-line) { padding-bottom: 0 !important; } | |||
/* Firefox fallback: draw a crisp top border on .article-mod-line instead */ | |||
@-moz-document url-prefix() { | |||
.article-quote:has(+ .article-mod-line) { padding-bottom: 0 !important; } | |||
.article-quote:has(+ .article-mod-line)::after { content: none !important; } | |||
.article-quote + .article-mod-line { | |||
border-top: 0.5pt solid #292828 !important; | |||
/* ensure we don't also get the border-bottom from .article-mod-line */ | |||
border-bottom: 0 !important; | |||
padding-top: 7px !important; | |||
margin-top: 0 !important; | |||
} | |||
} |