133
Bearbeitungen
Vorlage:Card: Unterschied zwischen den Versionen
Beschreibung hinzugefügt
Lars (Diskussion | Beiträge) (add templatedata) |
Lars (Diskussion | Beiträge) (Beschreibung hinzugefügt) |
||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
__NOEDITSECTION__ __NOTOC__<div style="clear: both;"></div> | __NOEDITSECTION__ __NOTOC__ | ||
<div style="clear: both;"></div> | |||
<div style="position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: {{{bgc|#fff}}};background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem; width: {{{width|100%}}};"> | <div style="position: relative;display: flex;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: {{{bgc|#fff}}};background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem; width: {{{width|100%}}};"> | ||
<div style="flex: 1 1 auto;min-height: 1px;padding: 1.25rem;"> | <div style="flex: 1 1 auto;min-height: 1px;padding: 1.25rem;"> | ||
<p style="float:right;font-size: 80%;color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</p> | <!--{{#ifexpr: showedit |<p style="float:right;font-size: 80%;color:{{{titleforeground|#000000}}}">[{{fullurl:{{{editpage|{{FULLPAGENAME}}}}}|action=edit}} {{int:editsection}}]</p>|}}--> | ||
<h5 style="margin-bottom: .75rem;margin-top: 0;font-size: 1.25rem;font-weight: 500;line-height: 1.2;"><span style="color:{{{titleforeground|#000000}}}">{{{title}}}</span></h5> | <h5 style="margin-bottom: .75rem;margin-top: 0;font-size: 1.25rem;font-weight: 500;line-height: 1.2;"><span style="color:{{{titleforeground|#000000}}}">{{{title}}}</span></h5> | ||
<h6 style="color: #6c757d;margin-bottom: .5rem;margin-top: -.375rem;font-size: 1rem;font-weight: 500;line-height: 1.2;">{{{subtitle|}}}</h6> | <h6 style="color: #6c757d;margin-bottom: .5rem;margin-top: -.375rem;font-size: 1rem;font-weight: 500;line-height: 1.2;">{{{subtitle|}}}</h6> | ||
| Zeile 16: | Zeile 17: | ||
"label": "Hintergrundfarbe", | "label": "Hintergrundfarbe", | ||
"type": "string", | "type": "string", | ||
" | "autovalue": "#fff", | ||
" | "description": "Hintergrundfarbe der Card", | ||
"example": "{{Vorlage:Card/primary}},{{Vorlage:Card/secondary}},{{Vorlage:Card/success}},{{Vorlage:Card/danger}},{{Vorlage:Card/warning}}" | |||
}, | }, | ||
"width": { | "width": { | ||
| Zeile 46: | Zeile 48: | ||
"label": "Inhalt der Card", | "label": "Inhalt der Card", | ||
"type": "string", | "type": "string", | ||
"autovalue": "", | "required": true | ||
}, | |||
"showedit": { | |||
"label": "Bearbeitungslink anzeigen", | |||
"type": "boolean", | |||
"autovalue": "false", | |||
"required": true | "required": true | ||
} | } | ||
| Zeile 57: | Zeile 64: | ||
"width", | "width", | ||
"titleforeground", | "titleforeground", | ||
"editpage" | "editpage", | ||
] | "showedit" | ||
], | |||
"description": "A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.\nDie Vorlage enthält den Card-Titel, den Card-Subtitel und den Card-Body. Der Card-Subtitel ist hierbei optional.\nFür die farbige Gestaltung können folgende Vorlagen oder einfach die Farbe als HEX - wie von CSS gewohnt- verwendet werden" | |||
} | } | ||
</templatedata> | </templatedata> | ||
==== Hintergrundfarben ==== | |||
{| class="wikitable" | |||
|- | |||
! Farbe !! Vorlage | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/primary}};">primary</span> || <code><nowiki>{{Vorlage:Card/primary}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/secondary}};">secondary</span> || <code><nowiki>{{Vorlage:Card/secondary}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/danger}};">danger</span> || <code><nowiki>{{Vorlage:Card/danger}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/success}};">success</span> || <code><nowiki>{{Vorlage:Card/success}}</nowiki></code> | |||
|- | |||
| <span style="background-color:{{Vorlage:Card/warning}};">warning</span> || <code><nowiki>{{Vorlage:Card/warning}}</nowiki></code> | |||
|} | |||
[[Kategorie:Vorlage]] | |||
</noinclude> | </noinclude> | ||