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: | Line 1: | ||
/* Hanging indent for multi-line attribution */ |
|||
/* {{pp-template}} */ |
|||
.templatequote { |
.templatequotecite .templatequote-cite { |
||
display: block; /* make it a block so padding/indent apply to all lines */ |
|||
overflow: hidden; |
|||
margin: 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 */ |
|||
} |
|||
| ⚫ | |||
line-height: 1.5em; |
|||
/* @noflip */ |
|||
| ⚫ | |||
margin-top: 0; |
|||
} |
} |
||
/* Keep the overall visual indent consistent with your existing breakpoint */ |
|||
@media (min-width: 500px) { |
@media (min-width: 500px) { |
||
.templatequotecite { |
|||
/* you already have this; shown here to clarify the math */ |
|||
/* @noflip */ |
|||
padding-left: 1.6em; |
|||
} |
|||
} |
|||
| ⚫ | |||
/* 1.6em (container) + 0.7em (child) = 2.3em total indent */ |
|||
padding-left: .7em; |
|||
| ⚫ | |||
} |
|||
} |
} |
||
Revision as of 23:51, 19 October 2025
/* Hanging indent for multi-line attribution */
.templatequotecite .templatequote-cite {
display: block; /* make it a block so padding/indent apply to all lines */
margin: 0;
padding-left: 2.3em; /* base indent for every line */
text-indent: -2.3em; /* pull first line back so the dash hangs in the margin */
}
/* 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 */
padding-left: 1.6em;
}
.templatequotecite .templatequote-cite {
/* 1.6em (container) + 0.7em (child) = 2.3em total indent */
padding-left: .7em;
text-indent: -.7em;
}
}