Template:Blockquote/styles.css: Difference between revisions

Content deleted Content added
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1:
/* {{pp-template}} */
/* Hanging indent for multi-line attribution */
.templatequotecite .templatequote-cite {
overflow: hidden;
display: block; /* make it a block so padding/indent apply to all lines */
margin: 1em 0;
padding: 0 32px;
padding-left: 2.3em; /* base indent for every line */
}
text-indent: -2.3em; /* pull first line back so the dash hangs in the margin */
 
.templatequotecite .templatequote-cite {
line-height: 1.5em;
/* @noflip */
text-indentalign: -.7emleft;
margin-top: 0;
}
 
/* Keep the overall visual indent consistent with your existing breakpoint */
@media (min-width: 500px) {
.templatequotecite {
/* @noflip */
/* you already have this; shown here to clarify the math */
padding-left: 1.6em;
}
}
.templatequotecite .templatequote-cite {
/* 1.6em (container) + 0.7em (child) = 2.3em total indent */
padding-left: .7em;
text-indent: -.7em;
}
}