MediaWiki:Common.less/documentation.less

//

/* ==================================
       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;

    --mw-templatedata-doc-muted-color: #888;
}

.documentation {
	background: var(--documentation-background);
	box-shadow: @box-shadow;

	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 {
		column-count: 3;
		border-top: 1px solid var(--body-border);
		margin-bottom: 0.7em;
	}

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

	dd,
	dt {
		margin: 0.1em 2em;
		min-width: auto;
	}
}
.mw-templatedata-doc-muted {
    color: var(--mw-templatedata-doc-muted-color);
    font-style: italic;
}