Template:Blockquote/styles.css: Difference between revisions

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