|
|
| Line 309: |
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;
| |
| }
| |
| }
| |