Template:Headquote/styles.css: Difference between revisions

/* ┌────────────────────────────────────────────────────────────────────┐ */
/* │ TemplateStyles                                         			│ */
/* ├────────────────────────────────────────────────────────────────────┤ */
/* │ Styles for [[Template:Headquote]]                                  │ */
/* │                                                                    │ */
/* │ Source: [[w:c:dev:Global Lua Modules/Quote]]                       │ */
/* │ Some customizations have been made and added.                      │ */
/* │                                                                    │ */
/* │ The variables are defined in [[MediaWiki:Common.css]]  	        │ */
/* │ Some not TS-compatible rules are there as well.                    │ */
/* └────────────────────────────────────────────────────────────────────┘ */

/* #content added as a parent selector to the following in order to override default blockquote styles. */
/* #content removed to work for TemplateStyles / Oot42 */

.pull-quote {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin: 1em auto;
  font-size: 1em;
  line-height: 1.8;
  overflow: hidden;
  padding-bottom: 1.2em;
}

.pull-quote__text {
  max-width: max-content;
  position: relative;
  padding: 0 2em;
  color: var(--pull-quote-text-color);
  font-size: inherit;
  hyphens: auto;
}

.pull-quote__text::before,
.pull-quote__text::after {
  display: inline;
  position: absolute;
  font-size: 3em;
  font-weight: 700;
  color: var(--pull-quote-mark-color);
}

.pull-quote__text::before {
  content: "“";
  top: 0;
  left: 0;
  line-height: 1;
}

.pull-quote__text::after {
  content: "”";
  bottom: 0;
  right: 0.1em; /* avoid clipping to edge due to italics */
  line-height: 0.2;
  padding: 20px 0 0 0; /* lowering right quotation mark */
}

.pull-quote__text p:last-child {
  margin-bottom: 0;
}

/* render newline (\n) characters inside quote contents */
.pull-quote__text p {
  white-space: pre-line;
}
.pull-quote__line p {
  display: inline;
  white-space: pre-line;
}

.pull-quote__source {
  margin-left: 0.3em;
}

.pull-quote__source cite {
  display: inline;
}

.pull-quote__source::before {
  content: "— "; 
}

.pull-quote--right, .pull-quote--left {
  border: 1px solid var(--pull-quote-frame-color);
  border-left: 0;
  border-right: 0;
  padding: 1em 0;
  text-align: justify;
}

.pull-quote--right {
  float: right;
  margin: 1em 0 1em 2em;
}

.pull-quote--left {
  float: left;
  margin: 1em 2em 1em 0;
}

/* FAM customizations */
.pull-quote__source cite {
  font-style: normal;
}

.pull-quote__source {
  padding-top: .6em;
}

.pull-quote:before {
  display: none;
}