Generation future feature: tabs

The next version of Generation (1.2) will have a new feature: the tabs which are marked with the .tab class. The tabs provides a way to use a single container to display multiples contents based on a user selection. The usage will be like (using pug to keep the example simple):

div.tab-container
    div.tab-header
        div.tab(data-tab-name="es")
            | Spanish
        div.tab(data-tab-name="en")
            | English
    div.tab-content
        div.tab(data-tab-name="es")
            p
                | Hola Mundo
        div.tab(data-tab-name="en")
            p
                | Hello World

The tab will not have any style, if you wand borders that separes the tab-header with the tab-body you need to add yourself the styles. This provides a useful way to customize the tabs.