Template:Quote/styles.css: Difference between revisions

Latest revision as of 14:19, 14 April 2023

.ec-quote {
  display:flex;
}

.ec-quote-source {
  font-size: 0.7em;
  text-align: right;
  width: 100%;
}

.ec-quote-img img {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  display: block;
  margin: auto;
  margin-top: 0.1em;
}

.ec-quote-box {
  padding: 0.3em 1em;
  margin-left: 1em;
  height: min-content;
  position: relative;
}

@media screen {
	.ec-quote-box {
		border: 1px solid #aaa;
		border-radius: 0.4em;
		background: white;
	}
	
	.ec-quote-box::before {
		z-index: -1;
		content: "";
		display: block;
		border: 1ch solid;
		border-color: transparent;
		border-right-color: inherit;
		margin-left: calc(-1em - 1px);
		position: absolute;
		left: 0;
		margin-top: 0.7em;
	}
}

.ec-quote-text {
	margin: 0;
	border: none;
	padding: 0;
}