Template:Quote frame/styles.css

/* {{pp-template|small=yes}} */

.quote-frame {
	font-size: 95%;
	background-color: var( --background-color-neutral-subtle, #f8f9fa );
	border: 1px solid #aaa;
	box-sizing: border-box;
}

.quote-frame-source {
	display: block;
	text-align: right;
}

@media (max-width: 639px) {
	.quote-frame-with-width {
		width: auto !important;
	}
}

@media (min-width: 640px) {
	.quote-frame {	
		width: fit-content;
		padding: 1em 3em;
	}
	
	.quote-frame-left {
		float: left;
	}
	
	.quote-frame-right {
		float: right;
	}
	
	.quote-frame-center {
		margin-left: auto;
		margin-right: auto;
	}
}