By default, sizes shouldn't be a concern since most elements already manage the font size to the website rules. This applies to the different levels of headers, messages, buttons and others.
Sizes are specified in the class attribute. May have one of these values: tiny, small, medium, large, big, huge, massive.
Words can have different sizes, like @w{inline(class=brown tiny,text=tiny)}, @w{inline(class=brown small,text=small)}, @w{inline(class=brown medium,text=medium)}, @w{inline(class=brown large,text=large)}, @w{inline(class=brown big,text=big)}, @w{inline(class=brown huge,text=huge)} or @w{inline(class=brown massive,text=massive)}.
When a container specifies a size, the content will adapt.
@w{segment(class=basic big)}
No borders big segment.
@w{/segment}
Stripes are a composition of two containers. The outer container takes care of the inner container margins, the latter owns the content. If you want to set the size for the inner container, use innerClass instead of class.
@w{stripe(color=LightBlue,innerClass=big)}
Big font size stripe
@w{/stripe}