Stripes allow creating content within a container that can change padding, background color, font color, and it's sensible to its position. Stripes are mainly used on landing pages, to draw attention to specific sections.
@w{stripe(color=c2)}
Stripes allow creating content within a container that can change...
@w{/stripe}
Text stripes enhance the text reading, by giving more padding and a slightly bigger font. A common use is to provide a brief explanation, and then switch to a normal stripe with a longer description, or provide links to more elaborated content.
@w{textstripe(color=primary)}
Text stripes enhance the text reading, by giving more padding and...
@w{/textstripe}
Stripes can have background images, change their size and add padding.
// class=very padded, adds extra padding to the external container. Can also be padded, removing very.
// innerClass=massive, gives extra size to the inner container. Can also be tiny, small, medium, big, huge.
// innerColor=brown, forces the inner container font color.
@w{stripe(class=very padded,innerClass=massive,innerColor=brown,image=repository(/bg-example.png))}
Stripes can have background images, change their size and add padding.
@w{/stripe}
- If using stripes from examples, don't use unnecessary properties. When not using a property, remove it.
- If you started a page content with a stripe, continue doing so. Stripes add their own margins and paddings, and leave no spaces between each other. The whole page will have a sound appearance, and you'll be able to experiment in each stripe.
- Don't use stripes on text related pages. Wiki has enough elements to help you to create content, adding images, videos, buttons, tables...
- Stripes work better on full width or standard pages, when not sharing space with lateral menus. If you want to add information points, warnings and so, use Messages like this one.