Template:MP box: Difference between revisions

Content added Content deleted

Inline

Revision as of 17:36, 29 August 2020

[view | edit | purge]Documentation

Using this:

{{MP box
|id         = mybox1
|heading    = Title
|content    = Content stuff here
}}

Gets you this:

Content stuff here

A box designed for the main page

Template parameters[Edit template data]
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
id	`id`	A unique ID for this box, to be referenced in CSS or JS Example custom-box-1	String	optional
Heading	`heading`	What shows up in the heading section Example Title	String	suggested
Content	`content`	Content goes here	Content	suggested
Style	`style`	Set wrapper css style	Unknown	optional

[view | edit | purge]The above documentation is transcluded fromTemplate:MP box/doc.

@@ Line 7: / Line 7: @@
 {{Doc}}
 </noinclude>
-<!--
-.mp-box {
-	--mp-border: var(--tertiary-lightish);
-    display: flex;
-    flex-flow: row wrap;
-    border: 1px solid var(--mp-border);
-    background: var(--secondary-lighter);
-    box-shadow: 0 0.25rem 0.35rem -0.25rem var(--mp-border);
-    max-width: 60%;
-}
-.mp-box > * {
-	width: 100%;
-	padding: 0.5em 2em;
-}
-.mp-box > *:first-child {
-	padding-top: 1.5rem;
-}
-.mp-box > *:last-child {
-	padding-bottom: 1rem;
-}
-.mp-box h2 {
-    font-size: 1.4em;
-    font-weight: bold;
-    border: none;
-    margin: 0 0 0em;
-}
-.mp-footer.mp-footer {
-	background: var(--secondary-desaturatedish);
-	transition: 0.3s ease-out;
-	align-self: flex-end;
-	padding: 0;
-	border-top: 1px solid var(--mp-border);
-	width: 100%;
-}
-.mp-footer:hover {
-	background: rgba(0, 0, 0, 0.1);
-}
-.mp-footer > * {
-	color: var(--gray-darker);
-	font-weight: bold;
-	text-align: right;
-	display: block;
-	padding: 0.75em 1.5em 0.8em;
-	text-decoration: none;
-	transition: 0.3s ease-out;
-}
-#mw-site-navigation .sidebar-inner h3,
-#mw-related-navigation .sidebar-inner h3,
-#mw-site-navigation .dropdown h3,
-#mw-related-navigation .dropdown h3 {
-	border-color: var(--gray-lightish);
-}-->