Template:Statement/styles.css: Difference between revisions

.global-box.math-statement {
	border-left-width: 0.25em;
	border-radius: 0;
}

.global-box.math-statement--proof {
	border-left-color: #36c;
}

.global-box.math-statement--definition {
	border-left-color: #14866d;
}

.global-box.math-statement--conjecture {
	border-left-color: #7256a8;
}

.global-box.math-statement--example {
	border-left-color: #ac6600;
}

.global-box.math-statement--task {
	border-left-color: #b32424;
}

.global-box.math-statement--expository {
	border-left-color: #72777d;
}

.math-statement .global-box__title {
	font-size: 1em;
}

.math-statement--proof .global-box__details-heading {
	font-style: italic;
}

.global-box.math-statement.compact-note {
	display: flex;
	align-items: baseline;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.math-statement.compact-note .global-box__title {
	flex: 0 0 auto;
	padding: 0.3em 0 0.3em 0.6em;
	font-size: 1em;
	line-height: 1.4;
}

.math-statement.compact-note .global-box__body {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0.3em 0.6em 0.3em 0.35em;
	line-height: 1.4;
}

@media (max-width: 500px) {
	.math-statement.compact-note .global-box__title {
		padding-left: 0.5em;
	}

	.math-statement.compact-note .global-box__body {
		padding-right: 0.5em;
	}
}