134
Bearbeitungen
| Du möchtest helfen ? |
| gewusst wie ! |
| Es handelt sich beim THWiki (u.a. zu erreichen unter http://www.thwiki.org) um keine offizielle Seite der Bundesanstalt Technisches Hilfswerk. Das THWiki wird ausschließlich von privaten Personen betrieben und erhält auch keine Unterstützung durch die BA THW. |
Vorlage:Card: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Beschreibung hinzugefügt
Lars (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Lars (Diskussion | Beiträge) (Beschreibung hinzugefügt) |
||
| 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;"> | ||
| Zeile 18: | Zeile 19: | ||
"autovalue": "#fff", | "autovalue": "#fff", | ||
"description": "Hintergrundfarbe der Card", | "description": "Hintergrundfarbe der Card", | ||
"example": "Card/primary,Card/secondary,Card/success,Card/danger,Card/warning" | "example": "{{Vorlage:Card/primary}},{{Vorlage:Card/secondary}},{{Vorlage:Card/success}},{{Vorlage:Card/danger}},{{Vorlage:Card/warning}}" | ||
}, | }, | ||
"width": { | "width": { | ||
| Zeile 65: | Zeile 66: | ||
"editpage", | "editpage", | ||
"showedit" | "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]] | [[Kategorie:Vorlage]] | ||
</noinclude> | </noinclude> | ||