Template:Paired list stack: Difference between revisions
Jump to navigation
Jump to search
Created page with "<includeonly><dl style="margin: 5px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-radius: 3px; text-align: center;"> <div style="display: flex; flex-wrap: wrap; border-bottom: 1px solid black;"> <dt style="flex: 1 0 20ch; margin: 0; padding: 2px; line-height: inherit; font-family: inherit; background-color: {{{key background color|#eaecf0}}};">{{{key 1|}}} <dd style="flex: 3 1 60ch; margin: 0; paddin..." |
m fix background color overflow at corners |
||
| Line 1: | Line 1: | ||
<includeonly><dl style="margin: 5px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-radius: 3px; text-align: center;"> | <includeonly><dl style="margin: 5px; border-top: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; border-radius: 3px; overflow: hidden; text-align: center;"> | ||
<div style="display: flex; flex-wrap: wrap; border-bottom: 1px solid black;"> | <div style="display: flex; flex-wrap: wrap; border-bottom: 1px solid black;"> | ||
<dt style="flex: 1 0 20ch; margin: 0; padding: 2px; line-height: inherit; font-family: inherit; background-color: {{{key background color|#eaecf0}}};">{{{key 1|}}} | <dt style="flex: 1 0 20ch; margin: 0; padding: 2px; line-height: inherit; font-family: inherit; background-color: {{{key background color|#eaecf0}}};">{{{key 1|}}} | ||
Revision as of 03:33, 21 April 2025
Displays a stack containing key-value pairs.
Mimics a table layout, but rearranges itself to better fit on small viewports (mobile).
Example
{{paired list stack
| key background color = lightblue
| key 1 = 1986
| value 1 = Dragon Quest Suite
| key 2 = 1987
| value 2 = Dragon Quest II Suite<br>Dragon Quest in Concert (Family Classic Concert)
| key 3 = 1988
| value 3 = Dragon Quest III Symphonic Suite (NHK Symphony Orchestra)<br>Dragon Quest III Naoshi Kougami Vocal<br>Dragon Quest in Brass<br>March Dragon Quest III<br>Dragon Quest on Electone<br>Dragon Quest in Concert (Family Classic Concert 2)
}}
Appearance in narrow viewports: