Source: dist/css/virtual_boot.css, line 8368

13.8.1 Abstract Thumbnail

Description: The header is just a bit of design flair that can be colored, background swapped out and also the icon can be changed to the content of the presentation.

Example s

Default styling

bg_primary

is the default background color

bg_accent

any background color can be swapped out

<header class="flex flex_none flex_row justify_center font_0 m-t_4 m-x_4">
    <div class="aspect_8x10:md aspect_1x1 bg-blend_multiply bg_primary bg_cover bg_no-repeat [modifier] br_2 br_radius br_solid br_white br_white-9 flex flex_shrink grid justify_center max-w_10 max-w_15:md relative shadow_bevel-bold text_center texture_ondemand thumb bg_center">
            <i class="font-size_up-2 absolute c_white-6 fa-file-chart-pie fas flex_auto self_center text_center w_100"></i>
        </div>
</header>

<header class="flex flex_none flex_row justify_center font_0 m-t_4 m-x_4">
    <div class="aspect_8x10:md aspect_1x1 bg-blend_multiply bg_primary bg_cover bg_no-repeat [modifier] br_2 br_radius br_solid br_white br_white-9 flex flex_shrink grid justify_center max-w_10 max-w_15:md relative shadow_bevel-bold text_center texture_ondemand thumb bg_center">
            <i class="font-size_up-2 absolute c_white-6 fa-file-chart-pie fas flex_auto self_center text_center w_100"></i>
        </div>
</header>

Code Sample

Copy Code

This Documentation is Moved!