MediaWiki:Common.less/documentation.less

From Brighter Shores Wiki
Jump to navigation Jump to search
/* ==================================
       [[Template:Documentation]]
   ================================== */

:root {
	--documentation-background: @black-haze;
	--documentation-link-color: @mystic;
	--documentation-headers-color: @white;
	--documentation-header-background: @gray-chateau;
	--documentation-subheader-background: darken( @gray-chateau, 7% );
	--documentation-border: @mystic;
}

.documentation {
	background: var(--documentation-background);
	box-shadow: @box-shadow;
	margin: 1em 0;

	pre,
	code {
		background-color: var(--documentation-background);
		border-color: var(--documentation-border);
	}

	h2,
	hr {
		border-color: var(--documentation-border);
	}
}

.documentation-header {
	color: var(--documentation-headers-color);
	background: var(--documentation-header-background);
	font-weight: bold;
	padding: 1em 1.5em;
}

// this font-size cannot be placed on .documentation-header
// because it changes the padding em
.documentation-title {
	font-size: 1.25em;
}

.documentation-subheader {
	color: var(--documentation-headers-color);
	background: var(--documentation-subheader-background);
	padding: .5em 1.5em;

	a,
	a:visited,
	a:active {
		color: var(--documentation-link-color);
	}
}

// this font-size cannot be placed on .documentation-subheader
// because it changes the padding em
.documentation-documentation,
.documentation-links {
	font-size: .85em;
}

.documentation-content {
	padding: 1em 1.5em;
}

/* ==================================
       Templatedata tag / [[Template:TemplateData]]
   ================================== */

.mw-templatedata-doc-params {
	dl:not(:empty) {
		column-count: 3;
		border-top: 1px solid var(--body-border);
		margin-bottom: 0.5em;
	}

	dt::after {
		content: ":";
	}

	dd,
	dt {
		margin: 0.1em 2em;
		min-width: auto;
	}
}

.mw-templatedata-doc-muted {
	color: var(--subtle-color);
	font-style: italic;
}