Template:Blockquote/styles.css: Difference between revisions
Content deleted Content added
No edit summary Tag: Reverted |
No edit summary Tag: Manual revert |
||
| Line 1: | Line 1: | ||
/* {{pp-template}} */ |
|||
/* Hanging indent for multi-line attribution */ |
|||
.templatequote { |
|||
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 */ |
|||
| ⚫ | |||
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 { |
|||
/* @noflip */ |
|||
/* you already have this; shown here to clarify the math */ |
|||
padding-left: 1.6em; |
|||
} |
|||
} |
|||
| ⚫ | |||
/* 1.6em (container) + 0.7em (child) = 2.3em total indent */ |
|||
padding-left: .7em; |
|||
| ⚫ | |||
} |
|||
} |
} |
||