RFP stack/start/doc

Documentation

[purge]

This template starts a responsive flex passage stack, an element designed to form a column of blocks ({{RFP block/start}}) within a row. Shelves ({{RFP shelf/start}}) are a similar element, but shelves form rows of two in the wide view.

Usage

{{RFP stack/start
  |id=
  |class=
  |style=
}}
...
{{RFP stack/end}}

Parameters

• id: The ID for the <div> that contains the entire stack.
• class: CSS classes in addition to the rfpstack class automatically included for the <div> that contains the entire stack. Useful classes include:
  • The sizing classes, which should not be used on stacks inside shelves. For other stacks, unless the block should be full width in all views, one of these sizing classes should be used:
    • rfp100-100-67size: specifies full width in both narrow and medium views and two-thirds width in wide view.
    • rfp100-100-50size: specifies full width in both narrow and medium views and half width in wide view.
    • rfp100-100-33size: specifies full width in both narrow and medium views and one-third width in wide view.
    • rfp100-50-67size: specifies full width in narrow view, half width in medium view, and two-thirds width in wide view.
    • rfp100-50-50size: specifies full width in narrow view and half width in both medium and wide views.
    • rfp100-50-33size: specifies full width in narrow view, half width in medium view, and one-third width in wide view.
  • Special case sizing classes include:
    • rfpkeepwide: when on a stack inside a shelf, that stack remains the full width of the shelf even in the wide view. Otherwise, it'd default to becoming half the shelf's width in wide view. It's important to use this only on elements that would be on the left side in wide view; otherwise, the element will fall to the next row and leave a gap.
• style: Inline CSS styles for the <div> that contains the entire stack.
• The contained elements should be included before {{RFP stack/end}}.

Example

rfp100-100-33size block & rfp100-50-33size stack of 3 blocks & rfp100-50-33size stack of 2 blocks

Narrow

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

Medium

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

Wide

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

rfp100-100-33size block & rfp100-50-33size stack of 3 blocks & rfp100-50-33size stack of 2 blocks with rfpnoresize on first block

Narrow

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

Medium

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

Wide

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

rfp100-100-33size block & rfp100-50-33size stack of 3 blocks & rfp100-50-33size stack of 2 blocks with rfpnoresize on second block

Narrow

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

Medium

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

Wide

Block 1

Stack 1 block 1

Stack 1 block 2

Stack 1 block 3

Stack 2 block 1

Stack 2 block 2

This is the documentation page, it should be transcluded into the main template page. See Template:Doc for more information.